Css to Move Page Title

[BellesandBells]

Hello,

I am hoping someone can assist with some coding to align a heading for me.

The website is: https://arttoart.com.au/pages/art-in-situ

I am hoping to align the title ‘Art in Situ’ to be 40px from the bottom of it’s container, rather than center aligned vertically as it currently is. An example of how I would like it to look can be viewed on this page: https://arttoart.com.au/pages/art-services

Thank you in advance!

[Dotsquares]

Hi @BellesandBells

please apply the code in theme.css to get the required result.

.image-compare__inner{align-items: flex-end;}

Output:

[Huptech-Web]

Hello @BellesandBells

Please add the CSS code below to any CSS file, such as theme.css.

If you’re unsure where to place it, you can add it inside the tag in the theme.liquid file.

Let me know if you need any help!

[Dan-From-Ryviu]

Hi @BellesandBells

Please add this code at bottom of your theme.css file

#shopify-section-template--22506251419956__image_compare_e3AHyq .image-compare__inner {
    max-width: calc(var(--max-width) + calc(var(--space-outer)* 2));
    margin: 0 auto;
}
#shopify-section-template--22506251419956__image_compare_e3AHyq .image-compare {
    max-width: 100%;
}