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

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.

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

@sachahcas

Please share your store URL!

Thanks!

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

TIA

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

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

Best Regards,
Moeed

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

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

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

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):

Adding a media query helps:


It’s fixed - thanks!