Change Menu Color on Timed Basis

I think I figured out a solution. If you inspect the slider, you will notice the class= “flex-active-slide” applied to the current image. The images are applied as background to the
<li>. Therefore, if you go into the template file and add a class to the different
<li>…may something like “red”, you could then target that class like this:

li.flex-active-slide.red h1 {
color: red;
}

Where would I put such code? Sorry, I am not great at the coding. I know where to find the codes just can”t write very well.

In the root directory of your WordPress install you need to navigate to your theme folder (wp-content/themes/my-theme). From there you will see your themes template files (home.php, index.php, page.php, etc.). You will need to find the file being used to display your page, in this case probably either your home.php, front-page.php, or page.php. The WordPress Template Hierarchy may help you understand this better. You can then open/edit the necessary template file to suit your needs. For your purposes, you would probably want to add classes to the relevant
<li> elements. However, I suspect after inspecting your site the containers for the slides are generated using a plugin or javascript/jquery. Therefore you may want to add the css classes to whatever parent element the function adds the slides to, and specify the css properties should target any <h1> inside this parent container. Finally, just in case you don’t know, any css changes should be made using a child theme.

Thank you! I will give that a try.