Change colour icons on homepage - jumpstart theme

New Member
1 0 0

Hi, I want to change the colour of the icons on our website and do not see where this can be done.

Can anyone help?

The website is lessizless.com and we chose icons from fontawesome.com/

Thank you!

0 Likes
New Member
2 1 0

Hello Lil,
 

0 Likes
Shopify Partner
675 99 96

Hello Lil,

Add these CSS to the very bottom of theme.scss.liquid and put your color code in place of orange which i used.

.features-list.grid i {
color: orange;
}

Want to modify or custom changes on store hire us .
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
0 Likes
Highlighted
Shopify Staff
Shopify Staff
163 17 27

Hey, @lil!

 

Lulu here from the Shopify Support team. Thanks for reaching out here, and I'll be more than happy to help you out also today.

 

If you would like all the icons to have the same colour, you can just put this code at the bottom of your theme.scss.liquid file:

.features-list i {
   color: #ff0000;
}

In this example, I changed the icons to red (#ff0000) but you can, of course, choose whichever the hexadecimal colour you would like. If you want each icon to have a different colour and to be able to choose them from the theme editor, it’s possible as well, just let me know and I can escalate to our theme's team to help you achieve that.

 

Hope that helps but let me know if you need any more clarification or if you have any other questions. Happy to help anytime!

 

Kind regards,

Lulu

 

 

 

Lulu | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Click Accept as Solution 

0 Likes