Gateway Theme-CSS
-
Hi, I was wondering if anyone knows the CSS code to flip the color of the menu bar and the font? I want my menu bar to be blue and my font to be white. Thanks!
The blog I need help with is: (visible only to logged in users)
-
Hi there, the first two CSS rules will allow you to change the color of the menu bar and text in the menu when the full menu is active, and it will also change the color of the touch device menu items as well. The third allows you to change the color of the touch device toggle bar.
.main-navigation { background: #3333ff; } .main-navigation a { color: #ffffff; } .menu-toggle { background: #3333ff; color: #ffffff; } -
-
While we’re at it-do you know how to change the color of the footer? My site is white, blue and silver, so the black kinda clashes. Thank you!
-
Super, glad that did the trick. The following will change the footer background color to the same blue as your navigation.
.footer-wrap { background-color: #4775a3; } -
-
Ok since you’re so good at this, is there a way to change the color of the links and the rollovers? For some reason my settings are now a gray color and it’s hard to read in the menu bar and the links within text blend in so you can’t tell it’s a link.
-
We can do that. This will allow you to change the menu hover color.
.main-navigation li:hover > a, .main-navigation li.focus > a { color: #ccc !important; }If you wish to change the color of the current menu item (such as home when you are on the home page, add the following and adjust the color as desired.
.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a { color: #cc0000; } -
-
OK next question haha. Is there a way to change the background of the slideshow feature? I have it on my main page.
-
To edit the colors of the background in the slideshows, add the following and edit the color codes of the background and border.
.slideshow-window { background-color: #222; border: 20px solid #222; } -
-
-
-
-
Hi @rasulijaz, since you are using a different theme, and since CSS is generally theme specific, can I ask you to create a new thread in the CSS Forum? Many thanks in advance.
-
Hey there-this didn’t work to change the background of my slideshow. Have you had this issue before?
-
@lboczek, let’s add the !important keyword to force it to override the original CSS, like this.
.slideshow-window { background-color: #b2c2e0 !important; border: 20px solid #b2c2e0 !important; }
- The topic ‘Gateway Theme-CSS’ is closed to new replies.