Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1302800
    koosang153
    Participant

    Hello,

    My site is http://www.naver.design

    #1 issue I am having is that after I typed following code to the custom css,
    when the menu is selected from navigation bar, the words on the navigation bar stays the same..
    When I hover over the navigation bar, the menu words changes color…

    .x-btn-navbar.collapsed {
    color: #929292;
    }
    .x-btn-navbar.collapsed:hover {
    color: #147BD1;
    }
    .x-btn-navbar {
    color: #929292;
    }
    .x-btn-navbar:hover {
    color: #147BD1;
    }

    body .x-navbar {
    border-bottom: 2px solid #147BD1;
    }

    How can I change it? to make the word color change to #147BD1 when that menu is selected?

    No.2 issue is that I don’t know what happened….but My footer color is now white..and I can’t read any on my footer section..Some how the very bottom copyright words are grey and readable…

    I want the Whole footer area (including footer widget) area to be #525252.
    and the font color changing from white to #147BD1 when it’s hovered.

    Please help~!

    THank you!!

    #1303082
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in and the very detailed post information. I have checked your site and

    1] Please go to the customizer, Appearance > Customize > Header > Links – Text and select the Link and hover colors.
    http://prntscr.com/dn8fb9

    2] To change background color of your footer, please go to the customizer, Appearance > Customize > Ethos > Topbar Background Color because the TopBar and the footer will have the same background color (http://prntscr.com/dn8cpc). Or you can simply add the following css code in the customizer, Appearance > Customize > Custom > CSS

    .site .x-colophon.top,
    .site .x-colophon.bottom {
        background-color: #525252;
    }

    Hope this helps.

    #1303302
    koosang153
    Participant

    How can I change the line color under selected or hover navigation menu? which is set to dark grey now, I want to change it to #147BD1.

    Please help!
    Thank you!

    #1303334
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

    You can add this under Custom > CSS in the Customizer:

    .x-navbar .desktop .x-nav > li > a:hover { box-shadow: 0 2px 0 0 !important; }
    

    Thanks.

  • <script> jQuery(function($){ $("#no-reply-1302800 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>