How to create white rectangle layer like below text and image banner text button attribute?

Store Design
, ,

Topic summary

A user seeks help creating a white rectangular overlay layer beneath text and image banner elements on their Shopify store.

Proposed Solution:

  • Add custom CSS code to the theme.liquid file
  • Insert the code snippet above the </body> tag in the theme files
  • Access via: Online Store → Edit Code → theme.liquid

Current Status:

  • The discussion appears ongoing with implementation guidance provided
  • A code snippet was shared (though the actual CSS content is not visible in the reversed text)
  • The user was asked to share their store URL and password for direct assistance
  • Communication also moved to WhatsApp for additional support

Note: Much of the conversation text appears reversed/encoded, making some technical details unclear.

Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.
1

How to create white rectangle layer like below text and banner text image button attribute thank you everyone!

tipitea_0-1727353239910.png
tipitea_0-1727353239910.png594×279 31.1 KB

2

Hey @tipitea

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3

I contacted you via whatsapp please check your messages

1 Like
4

Hey @tipitea

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1727354856007.png
Moeed_0-1727354856007.png1151×688 531 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like