Shoptimize Theme: Change font colour of "Featured Products" title on homepage

New Member
5 0 0

Hi all,

 

I need help customising the font colour of the "Featured Products" text on Theme Settings > Homepage Sections Order > Featured Products. 

 

The colour is now blue, and I would like to change it to black.

 

Thanks! 

0 Likes
Shopify Expert
376 21 58

If you share your website url I can inspect the CSS and let you know how to change the color.

Founder of Speed Boostr (Shopify optimization and dev agency).
Creator of Order Automator (app that auto fulfills orders, adds tags, emails).
Creator of Shopify Analyzer (free performance analysis tool).
I also build custom apps and automated solutions.
Enjoy the adventure!
0 Likes
New Member
5 0 0
Hi! It's bitbee.myshopify.com
#- Please type your reply above this line -##
0 Likes
Highlighted
Shopify Expert
376 21 58

The site's password protected so I can't access, but here's what you can do to inspect the CSS and change:

 

1) In Chrome browser right click on the text, then click Inspect

 

2) The Chrome Dev Tools panel will open and highlight what you selected. Make sure the element with the text is selected in that panel, then look at the corresponding CSS rule.

 

3) Copy that rule and add to your own stylesheet, changing the color attribute, for example:

.some-class h2 {
  color: #000000; /* That's the hex color for black */
}

 

You can either create a custom CSS file (recommended) by adding an Asset called custom.scss.liquid, then call that file in your theme's <head> section like this: 

{{ 'custom.scss.css' | asset_url | stylesheet_tag }}

 

... or you can add the CSS rule to the end of your existing stylesheet. Your new code will override the existing CSS styles.

 

 

Founder of Speed Boostr (Shopify optimization and dev agency).
Creator of Order Automator (app that auto fulfills orders, adds tags, emails).
Creator of Shopify Analyzer (free performance analysis tool).
I also build custom apps and automated solutions.
Enjoy the adventure!
0 Likes