Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #221179

    Hello

    I am trying to create a coloured button on a menu item as shown in the screen shot attached.
    How do I do this?

    Screen shot

    http://meetthemanufacturer.co.uk/?attachment_id=2634

    I have already tried adding some custom CSS as recommended in a previous responsive to another user but it did not work. Do i now need to go into the template files to remove this CSS or is it enough to just delete it from the custom css box?

    • This topic was modified 7 months, 2 weeks ago by  makeitbritish.
    • This topic was modified 7 months, 2 weeks ago by  makeitbritish.
    #221183
    This reply has been marked as private.
    #221325

    Hey!

    Try adding this code to the Quick CSS:

    #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;
    }

    Cheers! 
    Josue

    #221331

    Hi Josue
    Thanks for getting back to me over the weekend!
    That has nearly worked – it has turned the text white but the orange box is not showing,
    Any suggestions?
    Thanks
    Kate

    #221359

    Hey Kate!

    Your code has a typo, it’s about the quotes, they are being pasted as &quot &quot, see:
    http://meetthemanufacturer.co.uk/wp-content/uploads/dynamic_avia/enfold.css?ver=1 (at the bottom)

    Cheers!
    Josue

    #221420

    Fabulous – all sorted.
    Thank you!

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Add coloured button to menu item’ is closed to new replies.