Add coloured button to menu item - Support | Kriesi.at

Tagged: button, menu

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

Author

Posts
February 8, 2014 at 10:11 am #221179
makeitbritish
Participant
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?

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 10 years, 10 months ago by makeitbritish.
February 8, 2014 at 10:15 am #221183

makeitbritish
Participant

This reply has been marked as private.

February 9, 2014 at 7:14 am #221325
Josue
Inactive Moderator
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
February 9, 2014 at 10:31 am #221331

makeitbritish
Participant

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

February 9, 2014 at 6:22 pm #221359

Josue
Inactive Moderator

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

February 9, 2014 at 10:42 pm #221420

makeitbritish
Participant

Fabulous – all sorted.
Thank you!
Author

Posts

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

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