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

Store Design
1

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
775af82b01949984647cdb14660b7c80.png1904×694 122 KB

2f262b7e4c2977e2e16011b4a3f15489.png
2f262b7e4c2977e2e16011b4a3f15489.png1906×743 127 KB

Many thanks

Matthew

2

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!

3

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”

4

Hi @MatthewOzcan !

Let’s try the following:

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

Cheers!

5

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