Hi Flikk,

You’re my official hero for the day! :)

My CSS now is as follows, and it seems to do exactly what I wanted!

.phone-info {
font-size: 16px;
}

.iconbox_icon.heading-color.avia-font-entypo-fontello {
color: red;
}

.iconlist-char {
color: red;
}

.av-main-nav > li > a {
padding: 5px;
}

.menu-item-top-level>a.avia-menu-text {
-moz-border-radius: 15px;
border-radius: 15px;
background-color: red;
padding: 8px 13px;
}

li#menu-item-3187>a>.avia-menu-text {
display:inline-block;
background-color: red;
color: white;
border-radius: 10px;
line-height: 28px;
padding: 0px 10px;
}

You have my respect!

Hello again,

Perhaps I’m doing something completely wrong (it might be worthwhile to let you know that my CSS experience is limited!), but I haven’t been able to get it right yet, the menu still looks the same to me even after adding the above CSS.

Would it help if I give you access to the WP admin area?

Current custom CSS is:

.phone-info {
font-size: 16px;
}

.iconbox_icon.heading-color.avia-font-entypo-fontello {
color: red;
}

.iconlist-char {
color: red;
}

li#menu-item-3151 .avia-menu-fx { display: none; }
li#menu-item-3151 a {background-color: red!important; color: white!important;height: 30px!important; margin-top: 43px; border-radius: 10px; line-height: 30px !important; }

.av-main-nav > li > a {
padding: 5px;
}

.menu-item-top-level>a.avia-menu-text {
-moz-border-radius: 15px;
border-radius: 15px;
background-color: red;
padding: 8px 13px;
}

Regards,
Chris