How to change text colour in a specific text box on the product page -Craft 13 Theme

[BAFC]

Hi All,

Craft Theme 13

I would like to change the colour of the text in one specific text box on my product pages:

Specifically the: "BUY ANY 3 PRODUCTS GET 5% DISCOUNT, BUY ANY 6 PRODUCTS GET 7% DISCOUNT, BUY ANY 10 PRODUCTS GET 10% DISCOUNT - DISCOUNTS APPLIED PER ORDER ONLY (Applies to GM products only. Not in conjunction with other offers. No further discounts apply)" 

I can see the code when I look via Chrome:

I tried looking in Base.css, but I cannot locate it or how to change the colour of that text.

Any help would be appreciated. 

Thanks

BAFC

[MaverickStudio]

Hey @BAFC ,

That's a simple fix. Add the following to base.css with your desired color. Just change red to any hex or rgb value. Good luck Mate

.product__text.inline-richtext strong {
	color: red !important;
}

[BAFC]

Hi Maverickstudio. 

I have applied the fix and it works, thank you.

However it has also changed the colour of my "Description" header text? Is there a way to change this back without changing the required adjusted text? 

It was originally black. 

Cheers. 

[MaverickStudio]

Hey @BAFC ,
Can you pop over the live link of the dev store? I'll have a squiz and get back to you asap. Cheers

[BAFC]

Hi Maverickstudio,

Live link:

https://www.bradshawaustralia.com.au/

Thanks.

BAFC

[MaverickStudio]

Hi @BAFC ,

Okay, i came up with a bit of a hack to do it without affecting any of the other headings. 

Tested with a dummy site with information on your website. Just use strong and italics together so we can accurately target the element and then reset the font style to normal.

Use the same text settings as the image and you're good to go.

.product__text.inline-richtext em strong {
    color: #00f !important;
    font-style: normal !important;
}

[BAFC]

Thanks Maverickstudio,

I tried this but could not get it to work? 

Where should I add that code snippet? 

BAFC

[MaverickStudio]

Hi @BAFC ,

For the snippet replace the one we previously used with the new one in base.css.

For the text, make sure that you select the existing text and mark it as italics. Currently they aren't marked as Italic

The aforementioned steps should work swimmingly, I'm happy to jump in as a collaborator account if needed. 

[BAFC · Accepted solution]

Thanks MaverickStudio

I wasn't sure I had to replace the previous code snippet, I added it as well as. 

Done what you have said, and now it is working perfectly.

Many thanks for all your help and time. 

Regards,

BAFC

[Janine78]

Hi, i am having trouble changing text colour just on my added page which is my story page, i can change all other sections but not pages section! 

[BAFC]

Hi Tono,

Thanks for this very comprehensive solution. I will look into this when I have more time, but have applied a "quick fix" for now. 

Regards,

BAFC