All things Shopify and commerce
The text which is over my images in the slide show bar and collections sections of my website is extremely hard to read.
Is there a way to add a box behind the text to make it stand out like button on the image overlay,
Thanks in advance!!
Solved! Go to the solution
This is an accepted solution.
Hi,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid
.collection-grid-item__title.h3 {
position: relative;
top: 12px;
background: #bdaa0a;
}
Hi omascosmetics,
Can you share the URL, So that i can resolve your issue.
yes offcourse
i want the texts under the collection list to be in a box on the image like the one on the header.
thank you
Hi,
Can you share the screenshot? exactly where you to modification.
This is an accepted solution.
Hi,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid
.collection-grid-item__title.h3 {
position: relative;
top: 12px;
background: #bdaa0a;
}
Hi, I wanted the title to be in the middle of the image like the header
I wanted the title to be in the middle of the picture
Hi,
Add this css at the place of previous css
Online Store->Theme->Edit code->Assets->theme.scss.liquid
.collection-grid-item__title.h3 {
opacity: 0.7;
background: #baab48;
}
hope this will work for you if further any changes pls let me know.
Thank you! i think i prefer the previous one. thank you for all your help 😉
If the solution is helpful to you then give a like and accept it...
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