Can I 'dim' button in nav when other page(s) are active?

Site URL: https://jordandixon.co

Hey there,

I would like to know if it's possible to change the opacity/color of my 'Contact' button when on other pages.
opinion: I like the bold red on the home screen, but on the 'work' and 'play' pages I find the bold red rather annoying.

See attached photos...

I'm using the Foster template

Thanks!

You should be able to adjust button color in site design styes.

@derricksrandomviews thanks for the response. If I adjust the button color in site design styles it applies to every page. I would like to maintain the red color on the home page, but lower the opacity of the same button on other pages.

You can try this in the advanced header code injection or markdown block for the home page after using site styles to chang the color for the rest of the pages. 

<style>

.sps-block-button .sps-block-button-element—small {
  background-color: red;
  border-radius: 50px;
  border: 2px solid black;
  width:75%;
}

<style>