CSS vs Button Settings

Hello,

I’m trying (in the url below) to line up these bottoms all at the bottom right of the column they are in… however, I’m not sure how this can be done. Can it be done using the settings in the buttons or does it require a different way?

Also wondering if I wanted to make the top 33% of each column have an image for the background - is that possible through the column options or is that done a different way?

Thank you!

Hi Ther,

Thanks for writing in!

You can bottom center align the buttons adding this inline CSS to the buttons or you can create a custom class name in customize section and add the below CSS to your X->Theme Option-> Global CSS.

.custom-class {
  position: absolute;
  bottom: 20px;
  left: calc(36%);
}

Regarding the image you, can set up the image background auto so that the height of the background will be as the height if the image. Please use exact height image for the background.

Hope this helps!

Thanks

Perfect! Thanks a ton, i missed that little “customize” button at the top to pull up the css.

THX!

You’re welcome. :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.