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
306 8 42

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

Founder of Speed Boostr - we make Shopify sites faster.
Analyze your site at analyze.speedboostr.com.
I also build custom apps, systems, 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
306 8 42

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 - we make Shopify sites faster.
Analyze your site at analyze.speedboostr.com.
I also build custom apps, systems, and automated solutions.
Enjoy the adventure!
0 Likes