How to set different color for half page

[Susan Schreiner]

Hi there –

I need the background behind the menu items to be a different color than the nav bar color (orange). It needs to mimic as close as possible this page: http://www.mamamariasorland.com/menu.html.

Also – is there a way to change the font, color, size of the various menu items?

Many thanks!
Susan

p.s. I installed the Style Buddy plugin and added code for just the menu page to change the color, but it did not change the page.

[Bill Robbins]

Good Morning Susan,

It looks like you succeeded in making the sidebar and content area Orange like http://www.mamamariasorland.com/menu.html. So that’s good.

The food menu items titles are headings. You can change their font and color in the Content tab in the Theme Options page.

If you would like to style the food menu item’s elements more individually you can. Here are the selectors you can use for them:

.menu-title h3 {
	color: #000;
	font-size: 20px;
}

li.menu-group-item p {
	color: #000;
	font-size: 14px;
}

The top one is for the name of the food menu item. The bottom one will be for the description.

Have a great week,
Bill

[Susan Schreiner]

Hi Bill –

Thank you! My apologies if I’m missing this, but I’m still not seeing how I can change the background behind the menu items to the translucent gray it is on the original site. I will most definitely apply what you’ve supplied to change the color and fonts of the menu items.

As always – really appreciate your great support.

Susan

[Bill Robbins]

Sorry Susan, I though you changed the content area to orange on purpose. In your custom CSS change this style:

body #sidebar,
body #content {
background-color: rgba(240,89,37,1);
}

to be like this:

body #sidebar {
background-color: rgba(240,89,37,1);
}

That will return the content area back to the theme’s default translucent black. If you want to change that color separately use this:

body #content {
background-color: rgba(240,89,37,1);
}

Just with the color you want for it.

Bill

[Susan Schreiner]

Terrific – thanks Bill!

[Bill Robbins]

Anytime 🙂

[Author]

Posts