Change Menu Colour Affinity Theme

  • lisamaccarthy

    (@lisamaccarthy)


    8 years, 11 months ago

    Hi- I am using the affinity theme for my website http://www.youratic.com but because of the background colour of my header image the menu at the top is barely visible. Is it possibel to change the menu colour or put a bar behind it so that it pop a bit more?

    • This topic was modified 8 years, 11 months ago by bcworkz.
Viewing 3 replies - 1 through 3 (of 3 total)
  • georgiostsirigos

    (@georgiostsirigos)

    8 years, 11 months ago

    Hi there,

    In your CSS find

    .main-navigation a, .main-navigation a:visited

    and replace the color to whatever you want.

    i hope that helps 🙂

    luckychingi

    (@luckychingi)

    8 years, 11 months ago

    Add this to custom CSS

    .header-wrapper {
    background: rgba(0,0,0,.5);
}

    0 could be any number between 0 – 255
    .5 can be between .1 – 1

    Moderator bcworkz

    (@bcworkz)

    8 years, 11 months ago

    Sure! Add the desired CSS to the Additional CSS section of the Customizer. For example:

    .header-wrapper.clear {
  background-color: rgba(0, 0, 80, 0.3);
}

    Use your browser’s developer tools to quickly try out different color values to get the effect you like.

    Please don’t use Developing WordPress forum for these sort of questions, it’s meant for deeper coding questions well beyond adjusting colors. We realize there’s not a clear forum for your sort of question, so no worries about being in the wrong forum.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Change Menu Colour Affinity Theme’ is closed to new replies.