The color of Social media Icons

Solved
YazanBdair
Excursionist
20 0 2

Hello dears, 

 

The color of Social media Icons is talking the same color of the text on my store 

as photo below 

 

4.png

can I change there color to the original color ? 

without changing the text color in theme 

 

Thanks a lot 

0 Likes
sarhov
Shopify Expert
482 85 148

Which theme you are using.

Also please share live url of the site.

Author: Hovhannes Sargsyan (aka sarhov).
An individual web developer focused on Shopify development.
Need more help? Feel free to send me a direct message or drop an email shopify@sarhov.com

Website: https://sarhov.com  
Email: shopify@sarhov.com
Skype: @sarhov
Telegram: @sarhov
Try Shopify free for 14 days,
0 Likes
YazanBdair
Excursionist
20 0 2

Debut

www.turbo4speed.com

Thanks

0 Likes
sarhov
Shopify Expert
482 85 148

This is an accepted solution.

Click Actions, go into Edit Code.

here search/find theme.scss.liquid file

Scroll at the very bottom of this file and put the following code

.social-icons__link{
	color: #9c0;

	// below is going color for hover state
	&:hover{
		color: #000;
	}
}

Play with colors #9c0 and #000 for static and hover states to get the result you want.

Author: Hovhannes Sargsyan (aka sarhov).
An individual web developer focused on Shopify development.
Need more help? Feel free to send me a direct message or drop an email shopify@sarhov.com

Website: https://sarhov.com  
Email: shopify@sarhov.com
Skype: @sarhov
Telegram: @sarhov
Try Shopify free for 14 days,
YazanBdair
Excursionist
20 0 2

To be clear 

is this what you talked about ? 

 

ss.png

 

If yes, It doesn't work ! 

as photo 

0 Likes
sarhov
Shopify Expert
482 85 148

@YazanBdair 

 

No, You have opened theme.liquid file and not theme.scss.liquid file, css can't work in that file. )))

Open theme.scss.liquid file, scroll at the very bottom and put the code there.

Author: Hovhannes Sargsyan (aka sarhov).
An individual web developer focused on Shopify development.
Need more help? Feel free to send me a direct message or drop an email shopify@sarhov.com

Website: https://sarhov.com  
Email: shopify@sarhov.com
Skype: @sarhov
Telegram: @sarhov
Try Shopify free for 14 days,
nvsbrand
New Member
2 0 1

im having trouble getting my social media icons back to the original colors, I used the code I seen on the message board and it turned my icons green

0 Likes
sarhov
Shopify Expert
482 85 148

@nvsbrand 

 

change to the color code, don't you see the color codes there, change to your preferred ones

#9c0 - this is color code for static state
#000 - this is for hover state.

Color code picker is provided below.

https://www.webfx.com/web-design/color-picker/.

if you want everything back, just remove the code...

Author: Hovhannes Sargsyan (aka sarhov).
An individual web developer focused on Shopify development.
Need more help? Feel free to send me a direct message or drop an email shopify@sarhov.com

Website: https://sarhov.com  
Email: shopify@sarhov.com
Skype: @sarhov
Telegram: @sarhov
Try Shopify free for 14 days,
nvsbrand
New Member
2 0 1

Thank you for your help I was able to fix the color 

YazanBdair
Excursionist
20 0 2

It works 100% 

 

Thanks