Edin Theme – Custom CSS to change blue accent color

• 

  melhebert · Member · Aug 13, 2017 at 2:41 pm

  • Copy link
  • Add topic to favorites

  I am working with the Edin Theme. Although It will allow me to change the background, I am not able to change the blue color that appears on the menu and drop down, highlights, links, buttons, read more tags, etc.

  I’m looking for help on how to change this blue color to green #8BC34A.

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Aug 14, 2017 at 10:13 pm

  • Copy link

  Hi there, there are a number of things you will have to change. To make it easier to identify things, I’ve used named colors in the code below so that you can identify them more easily.

  .navigation-classic .primary-navigation .menu-primary > ul > li.current-menu-item > a, .navigation-classic .primary-navigation .menu-primary > ul > li.current_page_item > a {
    background-color: red;
  }
  @media screen and (min-width: 1020px) {
    .navigation-classic .primary-navigation .menu-primary > ul > li > a:hover, .navigation-classic .primary-navigation .menu-primary > ul > li > a:focus, .navigation-classic .primary-navigation .menu-primary > ul > li > a:active {
      background-color: olive;
    }
    .navigation-classic .primary-navigation ul ul li {
      background-color: orange;
    }
    .navigation-classic .primary-navigation ul ul::before {
      border-bottom-color: limegreen;
    }
    .navigation-classic .primary-navigation ul ul li:last-of-type {
      border-color: brown;
    }
  }