How can I change the color of specific text on my website?

MatthewOzcan
Excursionist
18 0 6

Hi Guys,

 

Hoping someone can help me. 

 

I am trying to change a specific piece of text on my website that I cannot easily do through the shopify 'Customize' page.

 

As you can see below in the screenshots. The text "Recently viewed" is in white. I need this changed to black.

 

Page url: 

https://mjvintage.com/collections/sweatshirts-jumpers

 

775af82b01949984647cdb14660b7c80.png

 

---------------------------------------------------------------------------------------------------------------------------------------------------------

 

 

2f262b7e4c2977e2e16011b4a3f15489.png

 

Many thanks 

Matthew

Replies 4 (4)

JHKCreate
Shopify Expert
3571 639 917

Hi @MatthewOzcan !

 

The following block of code in themes.css might be the issue. Let's try changing "white" (or #fff) to "black" (#000)

 

.SectionHeader__Heading{
    font-size: 40px !important;
    color: white !important;
}

 

Cheers!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
MatthewOzcan
Excursionist
18 0 6
Hi JHKCreate,

Thank you for the response, this code does work however it changes to black
text across the whole website and not this specific section “Recently
viewed”

JHKCreate
Shopify Expert
3571 639 917

Hi @MatthewOzcan !

 

Let's try the following:

 

#shopify-section-template--15142317031624__recently-viewed-products > section > header > div > h3 {
    color: black !important;
}

 

Cheers!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
MatthewOzcan
Excursionist
18 0 6

Hi,  thank you but it still doesn't seem to be working