• Resolved burakwp1

    (@burakwordpress1)


    Hello,

    Theme Academica.

    I want to change the color of the blue menubar (top) to another color. Is this possible?
    And I also want to change the color when hover over this menu.

    How can I do this?

Viewing 15 replies - 1 through 15 (of 20 total)
  • Generally, yes, you can make these kinds of changes in the CSS code – but to do that, you need to have a custom CSS option in your theme, or you can add it via a plugin such as Custom CSS Manager or JetPack.

    Once you have that set up, if you post a link to your site, someone can likely help you with the specifics.

    Thread Starter burakwp1

    (@burakwordpress1)

    Hey WPyogi thank you for your answer..I have installed the Custom CSS Manager..but do you know what to write to solve my problem?

    The link to the site is: https://web859.webtest.flyhost.de/wordpress/

    Hope you or somebody else can help me ??

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Add this to your Custom CSS Manager section of the dashboard;

    #menuhead {
     background-color: deepskyblue;
    }

    Thread Starter burakwp1

    (@burakwordpress1)

    wow fantastic…thank you very much andrew…can I also change the orange color when I move over with the mouse?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    No!
    Joking.
    Of course you can;

    #menuhead a:hover, #menuhead .current-menu-item > a {
     background-color: deeppink;
    }

    Thread Starter burakwp1

    (@burakwordpress1)

    Great great great… I love the wordpress support!!
    Within minutes everybody helps eachother ??

    The last thing which I have forgotten are these 3 orange lines… what′s the code for it?
    Where I can learn these things?

    Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

    If you want to learn about CSS, I’d recommend:
    CSS Tutorials
    Learning CSS

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You’d change them as follows;

    #homeGallery div.wrap {
     border-color: red;
    }

    Thread Starter burakwp1

    (@burakwordpress1)

    thank you all for css codes and for the CSS Tutorials links ..I′ll install this firebug add-on and start learning today with this tutorials..maybe I will be able to make the last orange line at the bottom by myself! ??

    Thread Starter burakwp1

    (@burakwordpress1)

    yay I have done it!! If someone who reads this later and has the same problem it was:

    `#footer div.wrap {
    border-color: red;
    }

    Thread Starter burakwp1

    (@burakwordpress1)

    hey guys I have a problem again..
    I used your codes above and everything seems working at “home” but when I change the page and go to another page..the old colors are there and not the one which I changed with custom css..

    What can I do?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you provide a link to the webpage with the issue?

    Thread Starter burakwp1

    (@burakwordpress1)

    Thread Starter burakwp1

    (@burakwordpress1)

    I mean the orange lines/borders…the green one at the bottom is ok

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    The orange border is styled to this element on the home page:

    <div class="sep sepinside">?</div>

    You don’t have that element on the page you’ve just linked, which is why it is not working.

Viewing 15 replies - 1 through 15 (of 20 total)
  • The topic ‘Changing Color of Menu and hover color of Menubar’ is closed to new replies.