Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • December 5, 2014 at 4:36 pm #363633
    makeitbritish

    HI
    I while ago i asked you how to change the button colour on the menu on my website http://www.meetthemanufacturer.co.uk to have an orange button with white lettering on it.

    You gave me the following code which worked perfectly:

    #menu-item-2491 a {
    color: white
    }
    #menu-item-2491 a:before {
    content: “”;
    position: absolute;
    background: #f24e08;
    height: 27px;
    width: 75px;
    top: 39%;
    right: -10px;
    z-index: -1;
    }

    However, since i have changed the colour of the rest of the menu to a different grey it has changed the colour of the font on the button to grey too and I don;t know why
    How do i get the button colour on the word REGISTER back to white?

    Thanks

    December 6, 2014 at 11:32 am #364037
    Günter

    Hey makeitbritish!

    Thank you for coming back.

    The menu ID changed.

    Use the following code:

    
#menu-item-2752 a span{
color: white;
}

    Regards,
    Günter

    December 8, 2014 at 1:12 am #364378
    makeitbritish

    I thought that might be the case.
    So i don;t bother you with this enquiry in future, where do i find the menu item number?
    Kate

    December 8, 2014 at 1:17 am #364379
    makeitbritish

    I Just tried that code but it didn;t work. What have i done wrong?

    December 8, 2014 at 1:23 am #364383
    Flikk

    maybe because Günter forgot a semicolon :D
    one of the most common errors when programming / coding.

    Also if you use firefox, you can right click on an element and chose “inspect element”

    youll see a new area at the bottom showing the source code.

    if you inspect a menu item, you should see multiple lines starting with:

    <li id="menu-item-2477"

    if you mouse over each line, it will highlight the menu item. this way you can find the number.

    #menu-item-2752 a span{
color: white;
}
    December 8, 2014 at 1:37 am #364384
    Flikk

    also “color” is for font color. for the background color you use: “background-color”.

    Let me see if i can tinker some CSS for you.

    edit: re read your question and i first thought you want the background changed, shame on me.

    • This reply was modified 10 years ago by Flikk.
    December 8, 2014 at 1:49 am #364386
    Flikk

    Here you go:

    #menu-item-2752 a span{
color: white !important;
}
    December 8, 2014 at 5:23 pm #364785
    Yigit

    Hi!

    You can right click on Chrome or Firefox to inspect elements to find menu item ID’s http://i.imgur.com/HyPTCRg.jpg

    Best regards,
    Yigit

    January 5, 2015 at 2:43 pm #375062
    makeitbritish

    Hi Chaps
    Just picking this up after the Christmas break and have tried the code that was given by Flikk but still the wording is grey on that button.
    It turns white when you right click it though.
    Any more suggestions?
    Thanks

    January 5, 2015 at 2:44 pm #375064
    makeitbritish

    Hi Chaps
    Just picking this up after the Christmas break and have tried the code that was given by Flikk but still the wording is grey on that button.
    It turns white when you right click it though.
    Any more suggestions?
    Thanks

    January 6, 2015 at 4:38 am #375460
    Andy

    Hi!

    “REGISTER NOW” is white for me:

    Did you clear your browser cache?

    Best regards,
    Andy

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.