navigation question

Viewing 15 posts - 1 through 15 (of 19 total)
  • #6068
    JamesMcGill
    Participant

    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.

    #6069
    JamesMcGill
    Participant

    I can alter it in the code itself. I just need to know what file it’s in.

    #6071
    gindavall
    Participant

    Yes, agreed. I’d like to know this too.

    #6083
    Daniel Tara
    Keymaster

    It’s in style.css the background value for the #access selector.

    #6101
    JamesMcGill
    Participant

    Hey 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 McGill

    #6103
    runo
    Participant

    James, 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.

    #6105
    JamesMcGill
    Participant

    Right. 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.

    #6106
    runo
    Participant

    Try resizing the window horizontally till it show the navigation toggle, it happens on pc as well.

    #6108
    JamesMcGill
    Participant

    I 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/

    #6109
    JamesMcGill
    Participant

    The only problem i seem to find is that the media player won’t work in firefox and opera.

    #6110
    JamesMcGill
    Participant

    Runo, 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.

    #6113
    runo
    Participant

    It’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

    #6115
    JamesMcGill
    Participant

    ok, 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.

    #6121
    runo
    Participant

    I just resized the browser window till it turned into that.

    #6123
    JamesMcGill
    Participant

    Ok, 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?

Viewing 15 posts - 1 through 15 (of 19 total)

You must be logged in to reply to this topic.