SOCIAL MEDIA ICON COLOR CHANGE - Debut Theme

Soiled
New Member
4 0 0

I have two issues and i need some help. I have marked everything in the photo for reference.

1. I want to change color of my social media icons and the text of the marked menu items and email and phone number to our light green color. Which is our brand color.

2. I want to change the spacing between the lines of in the market sentences. Make it less.9799F932-68A2-4066-8FD2-282C1EE7F173.jpeg

 

my website url is www.soiled.in

Replies 11 (11)

Wahab_Ahmad
Shopify Partner
773 114 199

Hello @Soiled,

 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste below code at bottom of file

 

footer.site-footer a {
color:#2dbe5f;

}

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: wahabahmadghori@gmail.com

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Chat on WhatsApp .
Feel free to contact me Email : wahabahmadghori@gmail.com |
Buy Me A Coffee
oscprofessional
Shopify Partner
15774 2360 3065

Hello @Soiled,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste below code at bottom of file

.social-icons .social-icons__link svg {
    fill: #2dbe5f;
}
.site-footer a { color:#2dbe5f;}
.site-footer__item-inner .h4 {
    margin-bottom: 10px;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
Soiled
New Member
4 0 0

DF0C91F0-B18D-4DE7-9E9A-2C440F9D8441.png

 

E2BD278F-2116-493B-9F39-DE82AB166B42.png

Thank god i saved the theme before editing. The code didn’t helped see i added the code after the text “end of the code added by lucas m.....” but it didn’t worked. I have shared a preview of the site after adding the code.

oscprofessional
Shopify Partner
15774 2360 3065

@Soiled,

Please check your last css..

You didn't add it properly.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
jayanetty
Shopify Partner
127 12 40

Hi Soiled,

The h4 needs to have a closing bracket. 

Try this

.social-icons .social-icons__link svg { fill: #2dbe5f;}
.site-footer a { color:#2dbe5f;}
.site-footer__item-inner .h4 { margin-bottom: 10px; }

 

Everyone deserves a win!
Soiled
New Member
4 0 0

I did added the same code by copy paste. Thing is while capturing the screenshot i erased a few texts.


@Soiled wrote:

DF0C91F0-B18D-4DE7-9E9A-2C440F9D8441.png

 

E2BD278F-2116-493B-9F39-DE82AB166B42.png

Thank god i saved the theme before editing. The code didn’t helped see i added the code after the text “end of the code added by lucas m.....” but it didn’t worked. I have shared a preview of the site after adding the code.


 

Soiled
New Member
4 0 0

Old copy of my themeOld copy of my theme

 

Worked fineWorked fine

See it worked fine in my old copy of debut theme. But i want the changes in latest theme.

 

jayanetty
Shopify Partner
127 12 40

Has this got a closing tag (Line 7379)? 

Screen Shot 2020-03-24 at 6.36.51 PM.png


Generally, these happen due to such small issues. 

If not provide me dev access, I could check that out for you.

Everyone deserves a win!
oscprofessional
Shopify Partner
15774 2360 3065

You have not closed featured-row__titles css.
Close that bracket at line no. 7381
See bellow screenshot:

5.jpg
This should be like:

featured-row__titles{
font-weight:$font-weight-body__bolder;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
jayanetty
Shopify Partner
127 12 40

Hi @Soiled ,

Please do like and accept the solution if I helped 🙂 

Everyone deserves a win!
angelamesat
Excursionist
15 0 7

I have the icon on the footer and on the header, how I can chance the color on the header?

My url is https://mariaemma.com.co/

Thank you!