- This topic has 8 replies, 2 voices, and was last updated 9 years ago by Sakin.
-
AuthorPosts
-
March 4, 2015 at 5:06 am #52659luvharrisMember
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!
~LovelleMarch 4, 2015 at 10:11 pm #52680SakinKeymaster@luvharris: Can you post in your site URL so that I can check in.
March 4, 2015 at 11:50 pm #52698luvharrisMemberMy apologies, I meant to attach the URL to my initial inquiry:
http://californiawellnessinstitute.org/
Thanks in advance!
~LovelleMarch 6, 2015 at 12:46 am #52753SakinKeymaster@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 #53109luvharrisMemberThank 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 #53184SakinKeymaster@luvharris: Sorry I don’t get it what you mean.
March 13, 2015 at 1:39 am #53201luvharrisMemberHi @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 #53202luvharrisMemberHi, 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 #53219SakinKeymaster@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; }
-
AuthorPosts
- The topic ‘Background Widget Color and Disappearing Menu’ is closed to new replies.