Shopify themes, liquid, logos, and UX
Hi All,
I am using the debut theme & what is frustrating me is that everytime I want to change my hero banner image, I need to change the font position, colour, size etc so the text doesn't get "lost" within the photo. These changes can also be different for mobile & desktop. Is their code I can keep on hand for me to change each time ? I have tried coding I have used before but it doesn't work all the time. My store is treasureknot.com.
sorry for any issue can you please show me issue
On the mobile version I would like to move the text up to avoid the xmas baubles. Usually my text colour is purple but I managed to find the code to change the font colour to white for this particular image. I would like to be able to change the text colours, position etc on different banners I may use in the future.
try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media only screen and (max-width: 749px) {
.hero__inner {padding: 10px 0;}
}
Thanks Ketan, that worked. Going forward, is their simple coding for changing font colours, positions, size etc for different banner images ?
nope this global css code word as well all
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024