Simple Theme - Move text on image to a lower position

Solved
SPD1
New Member
2 0 2

On my website, https://spicypizzadesigns.com/

On the Home tab, the text to display certain collections such as T-shirts or mugs, or phone cases is in the center. I was wondering if I could still have the text centered horizontally but have the text near the bottom of the image. If there are lines of code I can manipulate or add to my website to change this, it would be amazing. I am using the Simple theme as well. Thank you.

dmwwebartisan
Shopify Partner
8358 1964 2644

This is an accepted solution.

@SPD1 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media only screen and (min-width: 750px){
.collection-grid-item__title { padding-top: 28px; position: relative !important; color: #000 !important; }
}
.collection-grid-item__title { 
padding-top: 28px; 
position: relative !important; 
color: #000 !important; 
}
.grid--uniform>.grid__item {
    margin-bottom: 50px;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
SPD1
New Member
2 0 2

I appreciate the code. This moved the text lower, just outside the box. Thank you so much for your help.