Change Position of Text on Grid with Overlay - Emerge Theme

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
2971 571 922

@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

 

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?