Align with Bottom

  • Resolved wellconnit

    (@wellconnit)


    6 years, 1 month ago

    Hi,

    We’re using the plugin which is great.

    However I need to align two images to the bottom of the page, I can’t seem to find the correct CSS to allow me to align it properly.

    I don’t mind putting the two images into a DIV, or a table to get it to the bottom of the page.

    Can anyone provide any insight on how I can complete this?

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Support franz1989

    (@franz1989)

    6 years, 1 month ago

    Hello,

    For us to check the current setup and provide you the correct CSS scripts, can you share with us the site URL?

    Thanks,

    Thread Starter wellconnit

    (@wellconnit)

    6 years, 1 month ago

    Hi Franz,

    The URL is https://www.pizzafritta180.com.au

    Please let me know.

    Thanks!

    Plugin Support franz1989

    (@franz1989)

    6 years, 1 month ago

    Can you upload the images that you are trying to align so we can also check? As of the moment, we can’t see an image uploaded.

    Thanks.

    Thread Starter wellconnit

    (@wellconnit)

    6 years, 1 month ago

    Hi @franz1989 ,

    I’ve just uploaded them.

    Thanks.

    Plugin Support franz1989

    (@franz1989)

    6 years, 1 month ago

    Hello,

    You can try this setup.

    Add this on the Custom CSS section:

    #seed-csp4-description{
    position: absolute;
    bottom: 0;
    }
    ul{
    list-style: none;
    display: inline;
    }

    On the images, we noticed the images are a bit big with white background. It would be nice to have the images with a transparent background. The images setup should be like this:

    I hope that helps.

    Let me know should you need further assistance.

    Thread Starter wellconnit

    (@wellconnit)

    6 years, 1 month ago

    Hi Franz,

    Thanks so much for that; it seems to work perfectly.

    One last thing, what can I add to center the images? Because of the CSS it isn’t processing the <table align=’center’> tag

    I’ll get the transparent copies of the images uploaded ASAP so that it doesn’t overlap.

    I’ve put them into a table to get them side by side which seems to be the easiest solution.

    Thanks!

    Plugin Support franz1989

    (@franz1989)

    6 years, 1 month ago

    Hello,

    You can try this:

    Set both margins to auto:
    margin-left:auto;
    margin-right:auto;

    Then:

    <table class=”center”>
    …
    </table>

    See if it works.

    Let me know should you need further assistance.

    Thread Starter wellconnit

    (@wellconnit)

    6 years, 1 month ago

    Hi Franz,

    Unfortunately that didn’t work.

    Any other ideas?

    Plugin Author SeedProd

    (@seedprod)

    6 years, 1 month ago

    Hi,

    remove the custom css you have on #seed-csp4-description and add this:

    #seed-csp4-page{
    display: flex;
    align-items: flex-end;
    }

    Thread Starter wellconnit

    (@wellconnit)

    6 years, 1 month ago

    Hi Guys,

    Thanks so much for your assistance. Works perfectly!

    Thanks!

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Align with Bottom’ is closed to new replies.