Align with Bottom

Hello,

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

Thanks,

Hi Franz,

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

Please let me know.

Thanks!

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.

Hi @franz1989 ,

I’ve just uploaded them.

Thanks.

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:

• {image here}
• {image here}

I hope that helps.

Let me know should you need further assistance.

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!

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.

Hi Franz,

Unfortunately that didn’t work.

Any other ideas?

Hi,

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

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

Hi Guys,

Thanks so much for your assistance. Works perfectly!

Thanks!