WordPress.org

Ready to get started?Download WordPress

Forums

Changing Main Navigation Background Color (11 posts)

  1. azizultex
    Member
    Posted 1 year ago #

    Hi!
    I want to change the main navigation background color highlighted in this attached URL http://dl.dropbox.com/u/76890716/Capture.PNG

    Would anyone please let me know how I can do that?

    Thanks
    Azizul Haque

  2. sayed2x2
    Member
    Posted 1 year ago #

    link to site and which color?

  3. azizultex
    Member
    Posted 1 year ago #

    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

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Clear your browser's cache?

  5. azizultex
    Member
    Posted 1 year ago #

    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

  6. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    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%;
    	}
  7. azizultex
    Member
    Posted 1 year ago #

    Exactly. Here is the snapshot

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

    But why Google does not work?

  8. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

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

  9. azizultex
    Member
    Posted 1 year ago #

    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

  10. Andrew
    Forum Moderator
    Posted 1 year ago #

    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.

  11. azizultex
    Member
    Posted 1 year ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Topic