adding a box behind text

Solved
Highlighted
New Member
7 0 0

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!!

0 Likes
Highlighted

Hi omascosmetics,

Can you share the URL, So that i can resolve your issue.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
7 0 0

yes offcourse

https://omascosmetics.com/

i want the texts under the collection list to be in a box on the image like the one on the header.

thank you

0 Likes
Highlighted

Hi,

Can you share the screenshot? exactly where you to modification.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
7 0 0

Screen Shot 2020-09-11 at 12.35.23 PM.png

 

0 Likes
Highlighted

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;
}

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
7 0 0

Hi, I wanted the title to be in the middle of the image like the header

0 Likes
Highlighted
New Member
7 0 0

Screen Shot 2020-09-12 at 12.28.35 PM.png

0 Likes
Highlighted
New Member
7 0 0

I wanted the title to be in the middle of the picture

0 Likes
Highlighted

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. 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes