Make Menu Item Backgrounds Different Colors

Bob the Goat
18 Posts
Bob the Goat posted this 06 December 2020

I couldn't seem to figure it out right away, but I was wondering if it was possible to have the background color of each menu item to be a different color. I've figured out how to make all backgrounds one color, or change the 'Active' and/or 'Hover' color, but I can't seem to figure out how to make each individual menu item background a different color and to stay that way on all the pages.

Here's an example:

https://livedemo00.template-help.com/wordpress_55026/

Any help on this would be great.

Thanks!

I couldn't seem to figure it out right away, but I was wondering if it was possible to have the background color of each menu item to be a different color. I've figured out how to make all backgrounds one color, or change the 'Active' and/or 'Hover' color, but I can't seem to figure out how to make each individual menu item background a different color and to stay that way on all the pages. Here's an example: https://livedemo00.template-help.com/wordpress_55026/ Any help on this would be great. Thanks!

Last edited 06 December 2020 by Bob the Goat

Vote to pay developers attention to this features or issue.
13 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 07 December 2020

Hello Jason,

It is not possible inside of Themler, but it is not difficult to achieve using custom CSS code, we can help with that. Please, provide the link to your site.

Gina
Themler Support

Hello Jason, It is not possible inside of Themler, but it is not difficult to achieve using custom CSS code, we can help with that. Please, provide the link to your site. Gina Themler Support
Bob the Goat
18 Posts
Bob the Goat posted this 07 December 2020

Hello Gina,

Thanks for the update! I couldn't seem to make this post private, so I created a new private post with the info here: https://answers.themler.io/questions/205307/make-menu-item-backgrounds-different-colors-private-post

Thanks for your help!
- Bob the Goat

Hello Gina, Thanks for the update! I couldn't seem to make this post private, so I created a new private post with the info here: https://answers.themler.io/questions/205307/make-menu-item-backgrounds-different-colors-private-post Thanks for your help! - Bob the Goat
sscoloring.com
1 Posts
sscoloring.com posted this 16 September 2024

When a child colors a page from SSColoring.com, they get to decide what a green dog or a purple dinosaur looks like. Who said trees always have to be green, anyway? Here at SSColoring, we believe that every child is an artist in their own right—our role is to give them the tools to express that creativity.

When a child colors a page from SSColoring.com, they get to decide what a green dog or a purple dinosaur looks like. Who said trees always have to be green, anyway? Here at [SSColoring][1], we believe that every child is an artist in their own right—our role is to give them the tools to express that creativity. [1]: https://sscoloring.com/
disegnidacoloraremondo.com
2 Posts
disegnidacoloraremondo.com posted this 25 October 2024

Disegnidacoloraremondo.com is perfect for those looking for a relaxing and creative activity, with a wide range of drawings to color for adults and children. Each drawing is made with attention to detail, ensuring hours of entertainment.

[Disegnidacoloraremondo.com][1] is perfect for those looking for a relaxing and creative activity, with a wide range of drawings to color for adults and children. Each drawing is made with attention to detail, ensuring hours of entertainment. [1]: https://disegnidacoloraremondo.com/
mejov57740
36 Posts
mejov57740 posted this 30 October 2024

To make menu item backgrounds different colors, you can use CSS to enhance the visual appeal of your website. By applying unique background colors to each menu item, you create a more engaging and user-friendly experience, encouraging customers to explore the offerings. For instance, at Good Burger Madinat Zayed, a colorful menu can highlight special dishes and promotions, drawing attention and making it easier for diners to navigate their choices. This approach not only adds vibrancy to the menu but also allows for creative expression that reflects the restaurant's personality.

To make menu item backgrounds different colors, you can use CSS to enhance the visual appeal of your website. By applying unique background colors to each menu item, you create a more engaging and user-friendly experience, encouraging customers to explore the offerings. For instance, at [Good Burger Madinat Zayed][1], a colorful menu can highlight special dishes and promotions, drawing attention and making it easier for diners to navigate their choices. This approach not only adds vibrancy to the menu but also allows for creative expression that reflects the restaurant's personality. [1]: https://menusalert.org/
mail437
1 Posts
mail437 posted this 21 May 2025

To make each menu item background a different color, you can use CSS to target each menu item with its unique ID or class.

Example:

menu-item-1 {

background-color: #FF5733;

}

menu-item-2 {

background-color: #33FF57;

}

menu-item-3 {

background-color: #3357FF;

}

Go to Appearance > Customize > Additional CSS.

Paste the code, adjusting the colors and menu item IDs.

Click Publish.

You can find the menu item IDs using the browser's developer tools. To see an example of how different background colors for menu items are implemented, check out this site (coloring pages)

To make each menu item background a different color, you can use CSS to target each menu item with its unique ID or class. Example: #menu-item-1 { background-color: #FF5733; } #menu-item-2 { background-color: #33FF57; } #menu-item-3 { background-color: #3357FF; } Go to Appearance > Customize > Additional CSS. Paste the code, adjusting the colors and menu item IDs. Click Publish. You can find the menu item IDs using the browser's developer tools. To see an example of how different background colors for menu items are implemented, check out this site ([coloring pages][1]) [1]: https://babeled.com
danniellehunt529
3 Posts
danniellehunt529 posted this 16 July 2025

To enhance your website's visual appeal, customize menu item backgrounds with different colors using CSS or your theme's default options. This creates a more engaging and user-friendly experience, encouraging exploration. For example, a well-designed menu like the NBI online appointment portal uses attractive navigation to highlight key sections, drawing attention and simplifying visitor navigation. This approach adds vibrancy and reflects your website's personality.

To enhance your website's visual appeal, customize menu item backgrounds with different colors using CSS or your theme's default options. This creates a more engaging and user-friendly experience, encouraging exploration. For example, a well-designed menu like the [NBI online appointment][1] portal uses attractive navigation to highlight key sections, drawing attention and simplifying visitor navigation. This approach adds vibrancy and reflects your website's personality. [1]: https://nbiappointmentonline.org/
leobing2023
1 Posts
leobing2023 posted this 31 July 2025

Use Custom CSS: target each menu item’s unique ID (#menu-item-1, #menu-item-2 …) and set its own background-color in Appearance > Customize > Additional CSS.

Unleash your creativity with adorable kawaii coloring adventures
free kawaii coloring pages

Use Custom CSS: target each menu item’s unique ID (#menu-item-1, #menu-item-2 …) and set its own background-color in Appearance > Customize > Additional CSS. Unleash your creativity with adorable kawaii coloring adventures [free kawaii coloring pages][1] [1]: https://kawaiicoloring.org/
fargeleggingssider
1 Posts
fargeleggingssider posted this 11 August 2025

For a soothing and imaginative pastime, Fargeleggingssider.com offers a diverse collection of coloring pages for both kids and grown-ups. Every design is carefully crafted, making it easy to lose yourself in hours of creative fun.

For a soothing and imaginative pastime, [Fargeleggingssider.com][1] offers a diverse collection of coloring pages for both kids and grown-ups. Every design is carefully crafted, making it easy to lose yourself in hours of creative fun. [1]: https://fargeleggingssider.com/
andrewjames1569
1 Posts
andrewjames1569 posted this 4 weeks ago

To make menu item backgrounds stand out, use different vibrant colors that match your theme. For a fun site like Monster Truck Coloring Pages, bold shades such as red, blue, and green can reflect the energy of trucks and action, making navigation exciting and visually engaging for kids.

To make menu item backgrounds stand out, use different vibrant colors that match your theme. For a fun site like [Monster Truck Coloring Pages][1], bold shades such as red, blue, and green can reflect the energy of trucks and action, making navigation exciting and visually engaging for kids. [1]: https://cutecolorings.com/monster-truck-coloring-pages/
holdenmann54
10 Posts
holdenmann54 posted this 2 weeks ago

At La Casa Blanca Mexican Food, we believe presentation is just as important as flavor. When designing a restaurant menu, using different background colors for menu items can make each dish stand out and feel more inviting. It helps guests quickly find what they love while adding a fun, creative touch to the dining experience. Just like the warm and colorful atmosphere at finca casa blanca, a well-designed menu brings energy, style, and personality to every meal.

At La Casa Blanca Mexican Food, we believe presentation is just as important as flavor. When designing a restaurant menu, using different background colors for menu items can make each dish stand out and feel more inviting. It helps guests quickly find what they love while adding a fun, creative touch to the dining experience. Just like the warm and colorful atmosphere at [finca casa blanca][1], a well-designed menu brings energy, style, and personality to every meal. [1]: https://lacasablancamexicanfood.com/
waniarafay25
2 Posts
waniarafay25 posted this 2 weeks ago

A beautiful pool deck San Diego homeowners can enjoy doesn’t have to cost a fortune. With careful planning, the right materials, and professional craftsmanship, it’s possible to create a stylish and durable pool deck that fits any budget. A pool deck is more than just the area surrounding your pool—it’s a space for relaxation, socializing, and outdoor living. From simple designs to more custom layouts, affordable pool deck construction can transform your backyard into a comfortable and attractive retreat. Shaun Bagwell Masonry specializes in delivering high-quality pool decks in San Diego that combine affordability, durability, and stunning design.

A beautiful [pool deck San Diego][1] homeowners can enjoy doesn’t have to cost a fortune. With careful planning, the right materials, and professional craftsmanship, it’s possible to create a stylish and durable pool deck that fits any budget. A pool deck is more than just the area surrounding your pool—it’s a space for relaxation, socializing, and outdoor living. From simple designs to more custom layouts, affordable pool deck construction can transform your backyard into a comfortable and attractive retreat. Shaun Bagwell Masonry specializes in delivering high-quality pool decks in San Diego that combine affordability, durability, and stunning design. [1]: https://www.shaunbagwellmasonry.com/services/pool-deck-san-diego
csj06091
5 Posts
csj06091 posted this 2 weeks ago

I recently launched a website and have been visiting various websites to gather information. Thank you for allowing me to share this valuable information. Your site is truly excellent in terms of structure, content, and accuracy. I hope more people visit this site and it becomes more active. I'd also like to introduce a website that shares various massage techniques and information on massage therapists to help relieve neck and shoulder pain after long workdays. 마사지구인

I recently launched a website and have been visiting various websites to gather information. Thank you for allowing me to share this valuable information. Your site is truly excellent in terms of structure, content, and accuracy. I hope more people visit this site and it becomes more active. I'd also like to introduce a website that shares various massage techniques and information on massage therapists to help relieve neck and shoulder pain after long workdays. [마사지구인][1] [1]: https://massagemgr.com/
You must log in or register to leave comments