Change color of menu text only on main home page

[makersh]

Due to the video banner, I need the menu text in white. The issue is I only need this changed on the home page. The rest of the pages, such as About, Contact, should remain the original color.

The element I need to change is ".wbmenul1_link". The color to fff.

I found an article on applying changes to specific pages but I couldn't get it working. I believe the body class of this page is "gradient template-index", but I couldn't find an ID.

Can you kindly let me know how to go about this?

The website is https://makersharvest.com.au

[joeeverett · Accepted solution]

Hi @makersh

You can try this go to your header.liquid file and copy this line of code above the {% schema %} tag

 {% if request.page_type == "index" %}
       <style> 
       .wbmenul1_link{
         color:#fff;
        } 
        </style>
   {% endif %}

it should look like this

and then save in the top right.

[makersh]

Thank you for your time Joe. This worked exactly as I needed