Changing color of items on actual menu page
URL to the page in question:
-
I’ve tried using Firebug to change colors on attributes in the actual menu page but I’ve only been able to change the actual ‘Group Headings’ colors using
h4 {
font-size: 20px;
background-color: black;
color: #373637;
padding-top: 3px;
padding-bottom: 3px;
}
I want to be able to change the ‘Group Description’ color and the ‘menu item’ color.
I’ve tried using the .menu-description class but nothing works. Something is over-riding.
I can’t change the .menu-price class either.
Any ideas?
Thanks.
Mike
Mike,
Thank you for your business first of all. Here are the styles to change the items in the menu section. I’ve added a comment to each one to indicate what it changes.
#menu p { /* changes all paragraphs in menu section */
color: #ccc;
}
#menu .menu-description p { /* changes just the menu item descriptions */
color: #000;
}
.menu-description h3 { /* changes menu item titles only */
color: #333;
}
.menu-price { /* changes price color only */
color: #ccc;
}
In order to change the description, you have to change the paragraphs in the #menu div and then change the descriptions back to what they were originally.
If I can help, let me know,
Bill
Thanks Bill.
That is what I needed, it works!
- The topic ‘Changing color of items on actual menu page’ is closed to new replies.