Z-Index for specific section

[15love]

Hello!

I’m trying to create a creative overlay effect where a text section sits above the images of my products.

Please see attached screenshot.

I currently have a text section that is sitting behind my collection section. I currently want it to sit on top of the collection section.

I can message the password if you can help

[devcoders]

Hello @15love

Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

[15love]

Thank you! its 15lovestudio.com and the password is TEAM15LOVE!

[devcoders]

Hello @15love

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css. Add the provided code at the end of the file.

#shopify-section-template--16170321674291__featured_collection #collection-template--16170321674291__featured_collection {
transform: inherit!important;
}

[15love]

Sorry, I dont think I was clear, I was hoping to do something like this

[15love]

To be more specific, I’m hoping to achieve this effect, where the text appears on-top of my collection

[devcoders]

Hello @15love

I will check and update you.

[devcoders]

Hello @15love

Go to Online Store, then Theme, and select Edit Code.

Search for assets/base.css. Add the provided code at the end of the file.

#shopify-section-template–16170321674291__rich_text_t3MCzx .isolate { position: relative; z-index: 999; } #shopify-section-template–16170321674291__rich_text_t3MCzx .isolate .rich-text { background: transparent;

}