different prices

[Alejandro Paredes]

HI Bill! I need to add two different prices for some items in my menu, but I need some how add a column header for small and regular… is there any way I can do that?

here the link so you can have a better idea what I’m talking about

http://www.cedarsfoodmart.com/new/menu/grill-menu/

thanks

[Bill Robbins]

That’s a fantastic question. I’ve been thinking about different ways to do this and I think I’ve found one that will work for you.

1. Go to the Theme Options page and select the Styling tab.
2. Scroll down to the Custom CSS box and paste this:

   
   ul.item-list {
   	position: relative;
   }
   
   ul.item-list:before {
   	content: 'Small/Regular';
   	position: absolute;
   	right: 0;
   	top: -22px;
   }
   

3. Update your settings.

That should add in a header that says “Small/Regular” just above the price list on the top right. You can change the text if you need to be editing the Small/Regular above.

If you have any questions or trouble, just let me know.

Thanks,
Bill

[Alejandro Paredes]

HI Bill!

Thanks for your quick answer, it worked perfect!. So to add another variable to the equation =) I need that header just in one page of my menus not in all, is there any way to do that?

thanks!

Alejandro

[Bill Robbins]

Alejandro,

Great question. You can do that. Instead of the code above, use this:

ul.item-list {
	position: relative;
}

.term-grill-menu ul.item-list:before {
	content: 'Small/Regular';
	position: absolute;
	right: 0;
	top: -22px;
}

That will cause the header to be added only to your grill menu list. You can change the grill-menu to the “slug” of a different menu group to change it if you need to. You can find the slug by going to food in your control panel and selecting “Menu Groups.” They are listed in a table there.

If you have any trouble, let me know,
Bill

[Bill Robbins]

Glad to hear that worked. If you need anything else, just let me know.

[Author]

Posts