Changing color of items on actual menu page

Support Area Forums Bottega Changing color of items on actual menu page

Viewing 3 posts - 1 through 3 (of 3 total)
URL to the page in question:
  • Author
    Posts
  • #8546
    Mike Whitney
    Participant

    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

    #8548
    Bill Robbins
    Moderator

    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

    #8552
    Mike Whitney
    Participant

    Thanks Bill.

    That is what I needed, it works!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Changing color of items on actual menu page’ is closed to new replies.