Support » Themes and Templates » Changing Main Navigation Background Color

Viewing 10 replies - 1 through 10 (of 10 total)
  • link to site and which color?

    Hello Sayed!
    Thank you. Here is the website: http://www.bestsmmarketer.com and I want to change the color to #4660A2. I tried to change it but I can see the change when using Firefox and IE, but don’t see in Google Chrome. Also I want to use a home icon instead of the “Home” text.

    Please help me.

    Thanks
    Azizul

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Clear your browser’s cache?

    Yes! I have cleared browser cache but Google Chrome doesn’t show.

    Probably there is a problem with my CSS coding. Please provide me a way to change the color anyway.

    Thanks

    Michael

    (@alchymyth)

    Forum Moderator

    where in style.css have you changed the color?

    right now, this seems to be the style; from line 1460 in style.css:

    .main-navigation ul.nav-menu,
    	.main-navigation div.nav-menu > ul {
    		background: #4760A2;
    		border-bottom: 1px solid #ededed;
    		border-top: 1px solid #ededed;
    		display: inline-block !important;
    		text-align: left;
    		width: 100%;
    	}

    Exactly. Here is the snapshot

    http://dl.dropbox.com/u/76890716/Codes.png

    But why Google does not work?

    Michael

    (@alchymyth)

    Forum Moderator

    Chrome (the latest version) has no problems showing the blue background color; possibly something local with your browser cache (?) – have you tried ‘ctrl f5’ ?

    Hello everybody!

    Thank you so much. It seems that the problem was with my Google chrome. Now it’s showing. But now I want to use a Home icon instead of the text “Home” on the navigation bar.

    Could anyone help me how can I do this?

    Thanks

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    In CSS:

    Use the class that identifies the particular menu item you want to effect.
    Hide that menu item’s text using CSS text-indent.
    Apply a background image to that menu item.
    Apply the widths and heights to that menu item, that it would have had with the text in it.

    Would you please give me the code only? I am not so expert, and couldn’t understand all your sentence in the previous comment.

    Thanks

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Changing Main Navigation Background Color’ is closed to new replies.