• Resolved lesley1802

    (@lesley1802)


    HI

    I am trying to work out what css code is needing added / changed in my wordpress site to allow the following:

    CHange one menu item (Contact Us) to be red and bold permanently.

    I have seen a few topics on it but the answers (ie people giving the css code to insert) relate to that persons theme and I am hoping someone can help.

    I need to know what css code to enter and where ?? Yeah novice!

    The site is https://www.ichibanresources.co.uk and I am using the U-Design theme

    Many thanks in advance

Viewing 12 replies - 1 through 12 (of 12 total)
  • Hi,
    Your css file is in your wordpress theme folder:
    yoursite/wp-content/themes/yourtheme/style.css

    Then you can add a few lines:

    li#menu-item-36 a {
    color:red;
    font-weight:bold;
    }

    Thread Starter lesley1802

    (@lesley1802)

    I tried that thanks – it did make it bold but wont change the colour.

    I have double checked and I am nnot using the themes custom options and I know the style sheet is the correct one to be making changes on (as I was able to change the menu text from orange to red and make the CONTACT option bold – its just the red that wont “take”

    Any other ideas greatful received

    This is my nav menu styles:
    [ please use pastebin.com to include more than ten lines of code ]

    Sometimes adding !important works for me:

    li#menu-item-36 a {
    color:red !important;
    font-weight:bold;
    }

    Or try to move this code at the bottom of your stylesheet.

    Your problem is that you have link text wrapped in span tag, so you have to do
    #menu-item-36 a span {
    color:
    red !important;
    }

    Thread Starter lesley1802

    (@lesley1802)

    That worked zex2911 – thank you so much!!!!!

    Best regards

    Leslet

    Hello,

    do you just add the extra lines at the bottom of the stylesheet or insert them in there somewhere?

    I am using minimatica theme and would like ‘Home’ in my menu to appear black and the rest to remain white.
    My url is sophiestamp.co.uk

    if you could clarify that would be grand!

    Thank you!

    Thread Starter lesley1802

    (@lesley1802)

    I added it to the end of the section covering the Nav Menu in the style sheet. It worked perfectly ??

    oh dear it didn’t work for me perhaps its my theme. does anyone have any ideas?

    just to repeat what im trying to do:

    I am using minimatica theme and would like ‘Home’ in my menu to appear black and the rest to remain white.
    My url is sophiestamp.co.uk

    if amyone can help me it would be much appreciated

    thank you

    Just add this code anywhere in your style.css
    #menu-item-31 a {
    color: #000;
    }
    For everything you need to change on your site:
    Right click on element you want to change and choose ‘inspect element’. That will help

    It worked … thank you so much.
    and for the tip too i’m sure that will come in handy.

    ??

    Hoping this thread is still active enough to reply back tome!!! ??

    The above worked, however I want that specific menu-item background color to change… along with the text.

    EXAMPLE:
    green background on white text for tab a
    purple background on white text for tab b

    THANKS!!!!!!!!!!!!!!

    Okay, got that fixed.. I should have read the post above the last persons!!

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Change colour of one menu item’ is closed to new replies.