Support » Theme: Bulan » Bulan menu hover change color

  • Resolved vier


    I would like to change the hover color in the menu. I can change a lot of colors with the ‘customizer’ but in the menu [pull down] the brown/orange color [cc8900] is still there. What can I do to change that color?


Viewing 5 replies - 1 through 5 (of 5 total)
  • Me too. I’ve changed the color cc8900 in every place I can find it. The customizer, all the style sheets and php files I can lay my hands on and I’ve created a child theme to try and change it with not joy. The blog title and category still highlights as cc8900 on the blog excerpts page.

    What exactly do you need to change to get it to highlight a different colour?

    Hi Mindos,

    I’ve solved it by changing the css style:


    .menu-primary-items .sub-menu a {
    line-height: 20px;
    min-width: 170px;
    margin: 0;
    padding: 10px;
    border-top: 1px solid #dd3333;
    background-color: #ededda;

    .menu-primary-items .sub-menu a:hover {
    color: #fff;
    border-color: #dd3333;
    background-color: #fff;

    Theme Author Theme Junkie


    You can customize it in the next release. 😉

    Thanks Vier.

    It didn’t work for me on the for all the links. There are a number that still displayed the orange colour when you hover over theme.

    Here are the work-arounds I’ve used to get rid of the orange coloured links and on hover link to the colour I wanted in version 1.0.8 of the Bulan Theme.

    First, I changed every instance of the colours in the style.css but it didn’t work.

    Second, I created a child theme using the plugin: Child Theme Configurator.

    Third, I entered these styles with the colour I wanted. Note: I don’t know why, but they only work if I put them in as seperate entries and they don’t work if I edit the orginal css (which is not best practice anyway)

    .entry-title a:hover {
    color: #72AEA5;
    } /* mouse over link */

    .entry-content a:hover {
    color: #72AEA5;
    } /* mouse over link when displaying blog content as full*/

    .more-link:visited:hover {
    color: #fff;
    background-color: #72AEA5;
    }/* mouse over button when displaying blog summary page as excerpt*/

    .cat-links a:hover {
    color: #72AEA5;
    } /* mouse over link */

    .logged-in-as a:hover {
    color: #72AEA5;
    } /* mouse over link */

    I found a couple more:

    Related links: Every though this is an entry title class, the child-them fix doesn’t work for the related links and I can’t work out why or find something that will.

    The other one is the Next and Previous links at the bottom of the page:

    .loop-nav a:hover {
    color: #72AEA5;
    } /* mouse over link */

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Bulan menu hover change color’ is closed to new replies.