Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #52659
    luvharris
    Member

    Hi Sakin,

    I am using the free version of the Catch Kathmandu WordPress theme and am trying to customize the background color of Footer Area One where I have placed the social media icons for the California Wellness Institute. I would like to change it from the standard theme “blue” to white.

    Also, when I click on one of our menu items, such as “Service” the label disappears when you are on that particular page. I want to make sure that all of the menu labels remain stationary. Is this possible?

    Thank you!
    ~Lovelle

    #52680
    Sakin
    Keymaster

    @luvharris: Can you post in your site URL so that I can check in.

    #52698
    luvharris
    Member

    My apologies, I meant to attach the URL to my initial inquiry:

    http://californiawellnessinstitute.org/

    Thanks in advance!
    ~Lovelle

    #52753
    Sakin
    Keymaster

    @luvharris: To change the footer sidebar area to white from blue, you can add the following css in “Appearance => Theme Options => Custom CSS” box:
    #footer-sidebar { background-color: #fff; }

    Then later, you might want to change the border color as well. For that, change the color code in the following css and then add it in “Appearance => Theme Options => Custom CSS” box:
    #colophon { border-color: #1b5f7d; }

    #53109
    luvharris
    Member

    Thank you so much, Sakin–your instruction worked like a charm; however, I am still having a problem getting the main menu items to remain visible after you click on one to go to its stand alone page. Is it possible to fix this in the CSS box?

    #53184
    Sakin
    Keymaster

    @luvharris: Sorry I don’t get it what you mean.

    #53201
    luvharris
    Member

    Hi @Sakin, I know it’s a little difficult to describe in a message–when I click on a main menu item, such as “Services” and the page loads, the top menu that reads “Services” disappears. I want the menu item “Services” “Events” “Testimonials” etc. to stay on the menu bar instead of disappearing.

    #53202
    luvharris
    Member

    Hi, again, @Sakin–if it helps, the only way you can see the menu item when you are on a page is if you hover over it. The menu item only disappears when you are on that particular page. So for instance, when you’re on services you see “Home” “About Us” a blank spot where “Services” should be, then “Events” “Shop” “Testimonials” and “Contact.” I hope that helps clarify my problem/question. Thanks a million!

    #53219
    Sakin
    Keymaster

    @luvharris: ok I got it. It’s because of the following css in your Custom CSS box, where you have made white background for current page. So, your can either change that background color or add text color in the following css:

    /* For menu bar color – current page */
    #header-menu .menu .current-menu-item > a,
    #header-menu .menu .current-menu-ancestor > a,
    #header-menu .menu .current_page_item > a,
    #header-menu .menu .current_page_ancestor > a {
    	background-color: White; }

    Maybe just change background color like this:

    /* For menu bar color – current page */
    #header-menu .menu .current-menu-item > a,
    #header-menu .menu .current-menu-ancestor > a,
    #header-menu .menu .current_page_item > a,
    #header-menu .menu .current_page_ancestor > a {
    	background-color: #86cf86; 
    }

    Or maybe you want to keep the background color white but make the text color green, then it will be as:

    /* For menu bar color – current page */
    #header-menu .menu .current-menu-item > a,
    #header-menu .menu .current-menu-ancestor > a,
    #header-menu .menu .current_page_item > a,
    #header-menu .menu .current_page_ancestor > a {
    	background-color: #fff;
    	color: #86cf86; 
    }
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Background Widget Color and Disappearing Menu’ is closed to new replies.