-
JamesMcGillParticipant
Hey sorry to bother you guys but i was wondering. I understand javascript, php, and how wordpress is set up. So I noticed there wasn’t an option available to change the colors of the navigation bar except for the text in the theme options. What file sets up the formatting of the navigation bar? My customer would like to change it from black to a color of her choice.
JamesMcGillParticipantI can alter it in the code itself. I just need to know what file it’s in.
JamesMcGillParticipantHey Daniel, If you ever get this question again, I found all the tags in the css file that will change it.
/* start of custom CSS, Just copy and paste this into your custom CSS Box located in the Theme Options under the Layout Menu.#access {
background:#222;
background:-moz-linear-gradient(#333, #111);
background:-webkit-linear-gradient(#333, #111);
background:-o-linear-gradient(#333, #111);
background:-ms-linear-gradient(#333, #111);
background:linear-gradient(#333, #111);
}#access a:hover,
#access li.current_page_item > a {
background:#555;
}#access li.current_page_item > a {
background:#555;
}
.drop-down-toggle {
background:#333;
}#access li li a {
background:#333;
border-top:#444 1px solid;
border-bottom:#111 1px solid;
}#access li li a:hover {
background:#444;
}#access li ul {
box-shadow:0 0 3px #333;
}#footer-area {
background:#222;
border-top:#555 1px solid;
}#access .menu a:hover {
background:#555;
}#access li li a {
background:#3c3c3c;
border-top-color:#4f4f4f;
}#access li li li a {
background:#444;
border-top-color:#555;
}#footer {
border-top: #3331px solid;
}
#copyright {
background: #111;
border-top: #333 1px solid;
}end of custom CSS */
Just have them come up with replacement colors and they should be cool.
Type ya later,
James McGillrunoParticipantJames, that doesn’t work, if you put that code into the Custom CSS box as is, when you view the page in mobile mode and click the navigation toggle, everything at the top instead of being transparent and showing the page logo, it turns solid into the colors you chose for the navigation.
JamesMcGillParticipantRight. I’m guessing that has to do with the “background” statements. I don’t think mobile browsers recognize these gradient tags:
background:-moz-linear-gradient(#333, #111);
background:-webkit-linear-gradient(#333, #111);
background:-o-linear-gradient(#333, #111);
background:-ms-linear-gradient(#333, #111);
background:linear-gradient(#333, #111);Mobile browsers will only recognize the first “background” CSS tag that doesn’t have the aforementioned browser specific css coding.
runoParticipantTry resizing the window horizontally till it show the navigation toggle, it happens on pc as well.
JamesMcGillParticipantI don’t have any problems on any of my browsers and i’ve got all the most recent versions. So here’s the site ( Please Note: i’m just filling it in to get it looking right for my customer to like it or not.) http://www.mcgilltestsite.com/stitchymamatest/
JamesMcGillParticipantThe only problem i seem to find is that the media player won’t work in firefox and opera.
JamesMcGillParticipantRuno, you might be having a conflict occur between the theme and plugin. I might recommend deactivating all your plugins. See if it still occurs with only the theme working. Then activate each of your plugins on their own and see what plugin might be causing it.
runoParticipantIt’s happening in your site as well, I opened in multiple browsers and it always happens when I edit #access background through the Custom CSS box. It doesn’t happen when I edit the style.css in itself.
This your mobile page (or your page when you resize it through the computer).
http://desmond.imageshack.us/Himg839/scaled.php?server=839&filename=print2g.jpg&res=landing
This is what happens when I click the navigation toggle.
http://desmond.imageshack.us/Himg401/scaled.php?server=401&filename=printpn.jpg&res=landing
JamesMcGillParticipantok, then good to know. I guess I should just stay away from the custom CSS. Kinda hoped that wouldn’t be the case. How did you resize it to do that? The Only way I know of is the CTRL+Spin wheel.
JamesMcGillParticipantOk, Now I see what you’re talking about. However, I edited the style.css itself, and it still does what your images have pictured when I got down to a small window. Are there other css properties you changes other than the ones I had listed above?
Tagged: color scheme, javascript, navigation, pinboard
You must be logged in to reply to this topic.