Type color PRESTIGE theme

Store Design
, ,
1

Hi,

I have issues changing to #000000 the color of several texts on my website, for example the header menue on the right, the product price for FEATURED COLLECTIONS

What code should we add ?

Capture d’écran 2025-09-24 à 13.37.06
Capture d’écran 2025-09-24 à 13.37.06458×144 10.2 KB

Capture d’écran 2025-09-24 à 13.36.52
Capture d’écran 2025-09-24 à 13.36.52932×150 12.3 KB

our website is jickie.co

2

@carlajickie for menu on right side, add given css, for now I added red color, change to the one you want.

please add this css to the very end of your theme.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → theme.css

.header__secondary-nav .link-faded {color: #ff0000 !important;}

image
image1366×768 83.5 KB

3

Hey, No worries, that’s a common issue! You can try adding a little CSS like this:

.header-menu a,
.featured-collection .price {
  color: #000000 !important;
}

This should make your header menu and featured collection prices show in black. Just drop it into your theme’s “Additional CSS” section.

If it doesn’t work exactly as you want, don’t worry, I can help you sort it out step by step

4

@suyash1 thanks it works but we want to have it black only when we scroll down, otherwise we cant read the text

5

hi, i don’t see the additional css section, but on the css file it does not work

6

I think it is working now, you made the change

image
image1366×768 104 KB

8

hi, no its not the right theme, we are editing the upgraded theme in the backend now and this code doesnt work

9

@carlajickie can you add me as collaborator? I can check and provide correct css

10

Hello @carlajickie

Please follow the steps below after logging into the Shopify admin:

  • Go to your Shopify Admin panel.

  • Click on Online Store > Themes.

  • Find the live theme and then click Actions > Edit code.

  • Search theme.css

  • Insert the provided CSS code at the top of the file and save the changes.

nav.header__secondary-nav button.link-faded 
{
    color: #000000 !important;  // replace color code if you want another color
}
.featured-collections-carousel__item .product-card__info .product-title
{
    color: #000000 !important; // replace color code if you want another color
}
.featured-collections-carousel__item .product-card__info sale-price
{
    color: #000000 !important; // replace color code if you want another color
}

Please hit Like and Mark it as a Solution if you find our reply helpful.