Changing the scroll indicator color only on one page

Site URL: http://www.pantryphilosophy.com

I am trying to have the homepage scroll down indicator in white color and keep the golden arrow in  the other pages .

Also, if there would be a way to add a jump to section by clicking on the arrow?

Add to Home > Design > Custom CSS

body.homepage .Index-page-scroll-indicator-arrow {
    stroke: yellow;
}

this code will change scroll arrow on homepage only.

Thanks this worked! I am wondering if the arrow's anchor link can be changed with code? 

Right now when I click the scroll down arrow, it won't even go pass the banner image. I would like for it to go down the page further.

On 8/20/2020 at 9:44 PM, jlama said:

Thanks this worked! I am wondering if the arrow's anchor link can be changed with code? 

Right now when I click the scroll down arrow, it won't even go pass the banner image. I would like for it to go down the page further.

Do you use ecommerce plan?

I am on the advanced plan.

I checked and the code provided for some reason, disables the scroll indicator on my indexed pages.