Change Position of Text on Grid with Overlay - Emerge Theme

boobieshack
Tourist
11 0 3

Heyyyy! Is it possible to move the text from the center of the image to the lower left corner in a the grid with overlay? And to make it left adjusted? Appreciate any help! Thank you!

 

Screen Shot 2022-04-07 at 3.52.58 PM.png

url: boobieshack.com

pw: surf

Replies 3 (3)

diego_ezfy
Shopify Partner
2935 562 883

@boobieshack,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:


<style>
@media (min-width: 750px){
   [class*='carousel']  > * > * > .featured-content--text{
    position: absolute;
    bottom: 50px;
    left: 0;
}
}
</style>

 

 


Kind regards,
Diego

 

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.

boobieshack
Tourist
11 0 3

Thanks Diego! This adjust the position of the text on the slideshow but not for the grid with overlay section below. In addition, the text is still centered even though the position is on the left. Can you also share how to make the text left adjusted? Appreciate your help!

mohamednasser
Visitor
1 0 0

Greeting,

i have the same probleme did you get a solution yet?