WordPress.org

Ready to get started?Download WordPress

Forums

How to Change color of only one tab in navigation bar (20 posts)

  1. flundererboy
    Member
    Posted 1 year ago #

    Dear, i want to change the color of one tab in navigation bar. I want to change the font and background color red. I am biggner here, my site is http://www.bigtvforum.com and i want to change color of LIVE CRICKET Tab. Kindly write code and path where i paste them.

    Thanks

  2. esmi
    Forum Moderator
    Posted 1 year ago #

    Try using Firefox with the Firebug add-on for this kind of CSS work.
    http://getfirebug.com/

  3. Andrew
    Forum Moderator
    Posted 1 year ago #

    Which font change would you like to make?

  4. flundererboy
    Member
    Posted 1 year ago #

    @ Andre, Live Cricket tab end of navigation bar.

  5. flundererboy
    Member
    Posted 1 year ago #

    @esmi, dear i am new, and not expert in edit css. so that if you know then write the code and tell me i just paste in css file.
    Thanks

  6. mukesh panchal
    Member
    Posted 1 year ago #

    give different class for that tho menu item
    go in top screan menu add click on ccs class then u put different class name u get

  7. flundererboy
    Member
    Posted 1 year ago #

    @Mukesh, sorry i dont understand what you exactly said. Kindly give some example. Thanks

  8. Andrew
    Forum Moderator
    Posted 1 year ago #

    Flunderboy,
    You need only add the CSS

    #navigation li#menu-item-11124 {
     background-color: red;
    }
  9. flundererboy
    Member
    Posted 1 year ago #

    @Andrew, dear sir i put above code in style.css, but nothing happened. But if i put this code in firebug using firefox, this show result. What can i do now?

  10. Andrew
    Forum Moderator
    Posted 1 year ago #

    I can't see that style applied to the web page. It looks like there's a problem with the method you're using to edit and apply the CSS styles.

  11. flundererboy
    Member
    Posted 1 year ago #

    Dear i just open style.css in Appearance>Editor.
    Then i paste the code in style.css. but nothing found.
    flundererboy is my skype id, add me i will share my screen to you.
    Thanks

  12. Andrew
    Forum Moderator
    Posted 1 year ago #

    You can share screenshots by using http://www.postimage.org/ whereby you upload your image and post here the link to it.

    You're more likely to receive help if you post here, as many other forum volunteers can view it.

  13. flundererboy
    Member
    Posted 1 year ago #

    @Andrew Thanks alot for continuous help.
    when i use firebug in firefox for testing this code
    `#navigation li#menu-item-11124 {
    background-color: red;
    }
    1- I add new rule. Link image
    2- After adding rule result shown. Link image
    All this on testing base.

    But when i go to Appearance>Editor for edit style.css for adding coding code Link Image
    No result gain. Link Image
    Kindly tell me that why its not give result when i enter this code in style.css, on the other hand the code works when i check in testing on firebug in firefox.

  14. Andrew
    Forum Moderator
    Posted 1 year ago #

    This is your style.css file
    http://www.bigtvforum.com/wp-content/themes/Avenue-Wp-v2.1/style.css

    There is no such style

    #navigation li#menu-item-11124 {
    background-color: red;
    }
  15. flundererboy
    Member
    Posted 1 year ago #

    Now check it. I added the style. but nothing happen.

  16. Andrew
    Forum Moderator
    Posted 1 year ago #

    Clear your browser cache.

  17. flundererboy
    Member
    Posted 1 year ago #

    Thanks alot. really thank you very much

  18. flundererboy
    Member
    Posted 1 year ago #

    @Andrew Dear Sir, i want to add text below image gallery with hyperlink..
    my site Image Link
    For you reference, i want my gallery like this Image Link

  19. Andrew
    Forum Moderator
    Posted 1 year ago #

    If you have another issue, you will receive help faster if you create a new thread explaining the issue.

  20. flundererboy
    Member
    Posted 1 year ago #

Topic Closed

This topic has been closed to new replies.

About this Topic