Background Widget Color and Disappearing Menu

This topic has 8 replies, 2 voices, and was last updated 9 years, 8 months ago by Sakin.

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
March 4, 2015 at 5:06 am #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

March 4, 2015 at 10:11 pm #52680

Sakin
Keymaster

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

March 4, 2015 at 11:50 pm #52698

luvharris
Member

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

http://californiawellnessinstitute.org/

Thanks in advance!
~Lovelle

March 6, 2015 at 12:46 am #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; }

March 11, 2015 at 10:03 pm #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?

March 12, 2015 at 11:59 pm #53184

Sakin
Keymaster

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

March 13, 2015 at 1:39 am #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.

March 13, 2015 at 1:46 am #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!

March 13, 2015 at 12:00 pm #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; 
}
```
Author

Posts