Highlight Theme - Change Text and Button Position (Image With Text Overlay)

Shopify Discussion
1

Hello Everyone,

I am hoping that someone can help me with a few adjustments to an image with text overlay section that is at the top of my homepage.

At the moment the text and button are in the top left of the each image with text overlay.

I would like to move the button and the text to the middle of the images .

here is my page:

Thank you, :grinning_face: :grinning_face:

2

There must be some option available in your selected theme to align the tile if not, there is also an option of customised CSS which can overrule the theme CSS.

3

Hi @TONYA_GOLBERG ,

This is Kate from PageFly - Landing page builder, Iā€™d like to suggest this idea:

Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/ theme.css->paste below code at the bottom of the file

.image-with-text-overlay__content {
   align-items: center;
   justify-content: center;
}

Hope my answer will help you.

4

Hi @TONYA_GOLBERG ,

Glad to support you today.

You can check out my suggestion below to get your concern resolved:

  1. Go to Edit code on Online Store:

GemPages_0-1676425463775.png
GemPages_0-1676425463775.png400Ɨ163 25.3 KB

  1. add my code above the tag on Theme.liquid:

Eg:

GemPages_1-1676425605278.png
GemPages_1-1676425605278.png959Ɨ805 17 KB

I hope you find the answer helpful.

Kind & Best regards,
GemPages Support Team.