[luvharris]

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

[Sakin]

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

[luvharris]

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

http://californiawellnessinstitute.org/

Thanks in advance!
~Lovelle

[Sakin]

@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; }

[luvharris]

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?

[Sakin]

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

[luvharris]

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.

[luvharris]

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!

[Sakin]

@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; 
}

[Author]

Posts