Background highlight for titles

Highlighted
New Member
4 0 0

Hi! I am trying to get a highlight on titles on my home page much like this one on puravidabracelets.com :

Screen Shot 2020-03-23 at 9.28.56 PM.png

I know that there will be some kind of coding that has to be done to achieve this look, but I can't figure out anything. So, if someone could help me out that'd be much appreciated. Thanks!

0 Likes
Highlighted

Hello ,

Below css are added to highlight title.

.section-title span::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 10px;
    z-index: -1;
    background-color: #E1F7F6;
}
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
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
4 0 0

Thank you for the response! Where should I put this code? (like what section?)

0 Likes
Highlighted

@averys823,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

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
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
4 0 0

I tried this, but my titles didn't change. Is there a different way to code for the highlight or an adjustment I can make?

0 Likes
Highlighted

@averys823,

Can you share your store url so that I will give you exact solution.

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
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
4 0 0
0 Likes