Customising text position over the background image

[pablo102]

Hello,

I am writing with a question regarding the position of the text elements.
My website https://idophotographydungarvan.ie/ has few responsive columns with background images. Over the images I have custom text regarding the categories. This text appears between the bottom and the middle of the image, depending on the screen size.
I would like to keep it always on the bottom of the image for every screen.
Is that possible?

[ruenel]

Hi @Pablo102,

Thanks for writing in!

To resolve your issue, simply add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.h-custom-headline.handwrite-big.handwrite-responsive {
    line-height: unset;
}

This will reset the line height of the responsive headline thus making it aligned to the bottom always.

We would love to know if this has worked for you. Thank you.

[pablo102]

Thank you,
that helped slightly, but the text was still quite high instead of being on the bottom, see attached:

It seems to be solved by after adding margin-top: 300px; to the text

Can I ask you for help with another issue? I cant update the theme to the latest version, because after update all my x-theme portfolio section is gone.

[rad]

Hi @pablo102,

Glad it’s working now, would you mind creating a staging version of your site where we can test the update? Else, it will break your live site. Please check this for staging setup https://theme.co/apex/forum/t/slider-revolution-error-message/48874

Then provide the staging URL and login credentials in the secure note as well.

Thanks!

[pablo102]

Here it is:

[nabeel]

Hi @pablo102,

Thank you for providing the staging credentials. I disabled all third party plugins and then updated the theme first then deactivated and deleted Cornerstone and re-installed the Cornerstone plugin, the X Portfolio section re-appeared.

I then re-activated all of your plugins and X portfolio section is still there. I believe you had to update the Cornerstone as well with the latest version, could be the compatibility issue.

Please check your staging site now and let us know if works correctly. Thanks!

[pablo102]

Hi,
I replicated your steps and it is working as expected now.

Thank you!

[nabeel]

Glad we could help.

Cheers!