WordPress.org

Ready to get started?Download WordPress

Forums

HELP!! Problem with Titan 1.20 Theme--Menu Bar Colors Wrong (8 posts)

  1. mand4mac3
    Member
    Posted 4 years ago #

    So I downloaded the Titan 1.20 2 column brown/white wordpress theme. Everything was fine for a few days...then the menu bar color changed. At the top of the site, below the header there is a menu bar that lists home and my pages, like privacy policy etc. Well all of those are supposed to be white boxes. They were originally. Now, they are all brown so you can't even see what they say unless you put your cursor over each box, then it lights up white. It's annoying because no one is going to put their mouse over every box to read it. I need to know how I can get those boxes back to white? Can someone please help me with this. I am not sure if I need to edit the theme or what. Any help would be greatly appreciated.

  2. esmi
    Forum Moderator
    Posted 4 years ago #

    Site url?

  3. mand4mac3
    Member
    Posted 4 years ago #

    laurenhuttonmakeup.org

  4. mand4mac3
    Member
    Posted 4 years ago #


  5. esmi
    Forum Moderator
    Posted 4 years ago #

    Are you using a child theme?

  6. mand4mac3
    Member
    Posted 4 years ago #

    no, i just downloaded the theme and activated it. I even deleted it and installed it again and still the same problem. I don't even know what child theme is??

  7. esmi
    Forum Moderator
    Posted 4 years ago #

    Changes to this theme are supposed to be made via a secondary theme (known as a child theme) but if you;re happy amending this them try changing:

    #nav a {
    color:#444;
    display:block;
    padding:0 20px;
    text-decoration:none;
    }

    to

    #nav a {
    color:#fff;
    display:block;
    padding:0 20px;
    text-decoration:none;
    }

    in master.css. Then add:

    #nav .current_page_item a {color:#444;} to the bottom of master.css

  8. wpslate
    Member
    Posted 3 years ago #

    mand4mac3:
    I suspect you have already figured this out, but for those who haven't, the menu/navigation bar issue you described presents itself automatically if your menu grows length-wise to the point where it has to continue onto another line (like an automatic return).

    The second row of menu items will display itself properly against the light-colored background (which would be kicked downward, since the navigation background image is only one row high and is set to only repeat itself horizontally, starting from the bottom left of the header div). The first row of brown-text menu items would then appear against the brown background of that same div.

    Here is the culprit (per Titan 1.27):

    #header {
    	width: 100%;
    	border-bottom: 1px solid #ede7e0;
    	background: #443b31 url(../images/nav-background.gif) repeat-x bottom left;
    }

    When you cursor over a first-row item, it is that item's hover state that turns the background white. Although you can fix this, as esmi has alluded to above, with CSS, it may look strange.

    Your best bet is to insure that items within the menu/navigation bar do not exceed the 960 pixel-width of the wrapper div by either reducing the number of items, or the length of the text within the items.

    Hope that helps.

Topic Closed

This topic has been closed to new replies.

About this Topic