Edit font color in one section, not entire (Ride) theme

Store Design
,
1

I know how to change font colours, but I need the font colour to be changed in one section only.
There are threads out there covering this, but they’re all .json based. I run the Ride theme, and the answers are hidden elsewhere in the theme or code or section I think.

Theme: Ride
Section: Homepage slider

You can see we use light background in most pictures and a dark font would help contrast/visibility, as opposed to the rest of the website.

2

@sachahcas - it can be done using section id, can you share your page link?

3

@sachahcas

Please share your store URL!

Thanks!

4

@dmwwebartisan & @suyash1
https://us.nspsurfboards.com/

TIA

5

Hey @sachahcas

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag

Moeed_0-1689049963610.png
Moeed_0-1689049963610.png1903×561 305 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

6

@sachahcas - do you want to change color for the first image only or all the images in banner?

7

All of them buddy - it’s a recurring thing where we choose pics with light backgrounds. @suyash1

8

@sachahcas - I can see all text black on images, I believe you have yourself solved your issue

9

Correct @suyash1 - I used the code snippet from @Moeed and discovered that it worked for desktop, but I didn’t think of the mobile view, as it produced low- contrast headers for mobile devices (black-on-black when switched on):

desktop vs mobile.jpg
desktop vs mobile.jpg900×450 40.7 KB

Adding a media query helps:

It’s fixed - thanks!