Editing Menu Bar Using CSS

Support
#1

Hi

My site url is
tanimac.com/trayseederx

I am wondering is there anyway for me to edit the “Buy Now” menu to make it more noticeable like changing it into a button or putting background color.

Possible to do css to it? I tried but there is a pad on top of the “Buy Now” button which I cant seem to remove

#2

Hi There,

Please try adding this custom CSS under X > Theme Options > CSS:

li#menu-item-1456 > a {
    padding-top: 20px;
    box-shadow: none;
}
li#menu-item-1456 > a > span {
    background: #ffd400;
    color: #fff;
    padding: 15px;
    border-radius: 10px;
}
li#menu-item-1456 > a:hover > span {
    background: #dec031
}

Hope it helps :slight_smile:

#3

Woww…that really helps.

Tq soooo much

1 Like
#4

You’re welcome.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.