WordPress.org

Ready to get started?Download WordPress

Forums

Max Magazine - changing nav bar background color? (11 posts)

  1. russiancarl
    Member
    Posted 1 year ago #

    Hey guys, I can't seem to figure out for the life of me how to change the header navigation bar's background color in the Max Magazine theme without changing the entire header's background color. This usually isn't a hard change... I've done it in other theme's before but it is driving me nuts.

    I really love this theme and it is my only issue with it. It's so strange... i've added CSS elements to everything under the #header and #nav sections and it never worked.

    Thanks.

    http://wordpress.org/extend/themes/max-magazine

  2. Good Guy
    Member
    Posted 1 year ago #

    It's so strange... i've added CSS elements to everything under the #header and #nav sections and it never worked.

    Perhaps a link to your site would be helpful for people here to have a look at the code.

    Good luck.

  3. Sami
    Member
    Posted 1 year ago #

    If you look in to the header.php file, you can see that the #nav is inside the #header. So you can change that and place it outside and then apply CSS to it.
    I'd suggest you to have a look at the comments on the theme page (http://gazpo.com/2012/07/max/, there you can find answers to most of the common questions.

  4. russiancarl
    Member
    Posted 1 year ago #

    Thank you for response. I did look through the comments area and posted at the gazpo.com site as well. Nobody really seemed to have the same issue as me and it isn't too easy sifting through all the comments without a search feature.

    I am still having trouble applying CSS to the #nav bar. I've added "background-color:#000;" under all the navigation menu headings but it doesn't do anything.

    #nav ul li a with the black background does change that one particular area but the rest of the bar remains the same color as the background.

    I do feel like a pretty big idiot here. I haven't messed around with php in years but this shouldn't be hard to fix... feel like I am missing something simple.

    Thanks guys.

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    As mentioned earlier - a link to your site is pretty much necessary to help with things like this. You should only need to change the CSS for the site (unless there is something really unusual with that theme).

  6. Good Guy
    Member
    Posted 1 year ago #

    @russiancarl,

    Without a look at the site it is almost impossible to help you. However, put this code in your child theme's css file, save it, and then view you site in the browser after you have cleared the browser cache.

    #nav {
    	background-color: red !important;
    }
    #nav ul {
    	display: inline-block;
    }

    Clearing the browser cache is sometimes necessary because CSS files are never automatically refreshed.

    When this code works, you can change the color red to anything you want.

    Good luck.

  7. russiancarl
    Member
    Posted 1 year ago #

    Thanks for all the help and responses guys.

    I figured it out. Turns out for that theme its the #content tag that changes the nav bar color.

    It was so frustrating but such an easy fix.

  8. remp
    Member
    Posted 1 year ago #

    Hi,

    I started and I want to create a child theme to modify the CSS.

    Here's what I do but the style sheet relative max mag is not included.

    /*
    Theme Name: Max magazine Child
    Description: Child theme
    Author: xxx
    Template:max-magazine
    @import url("../themes/max-magazine/style.css");
    # site-title a {
         color: # 009900;

    Can you help me.

    thank you very much

  9. esmi
    Forum Moderator
    Posted 1 year ago #

    These are English language forums. Please use English.

  10. remp
    Member
    Posted 1 year ago #

    Hi,

    I started and I want to create a child theme to modify the CSS.

    Here's what I do but the style sheet relative max mag is not included.

    /*
    Theme Name: max-magazine Child
    Description: Child theme max magazine theme
    Author: Your name here
    Template: max-magazine
    */

    @import url("../max-magazine/style.css");

    #site-title a {
    color: #009900;
    }

    Can you help me.

    thank you very much

  11. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    @remp -- per the forum guidelines, please start your own thread -- you do not have the same issue as the OP.

Topic Closed

This topic has been closed to new replies.

About this Topic