Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

How to make Page Menu buttons' color different from menu the bar?

Prev Previous Post   Next Post Next
Old Nov 19, 2010, 03:24 PM
9 posts · Nov 2010
How to make Page Menu buttons' color different from menu the bar?

Can someone help me with this please? Atahualpa let's you change the menu (page) color, but unfortunately it colors the whole bar that color as well under ATO/Header Area/Menu 1. Is there any way to make the menu buttons color different from the rest of the menu bar....say on the right?

Here is my html/css for the menu so far, what do I need to add to change it?

/* Menu Bars */

/* Adjustments for the menu bars, which in their default
state have 1px borders plus -1px margins to avoid 1+1=2px
borders between neighbor items. */
ul.rMenu-hor ul, ul.rMenu-hRight ul { margin-top: 0px; }
ul.rMenu-hor li { margin-bottom: 0px; margin-top: 0px; margin-left: 0px; }
ul.rMenu-hor { padding-left: 0px; }
ul.rMenu-ver li { margin-top: 0xp; }

div#menu1 ul.rMenu li a, div#menu2 ul.rMenu li a {
padding: 8px 10px;
/* different padding for parents with arrow image */
div#menu1 ul.rMenu li.rMenu-expand a, div#menu2 ul.rMenu li.rMenu-expand a {
padding: 8px 22px 8px 10px !important;
background-position: 97% 50% !important;
/* less padding for children with arrow image */
div#menu1 ul.rMenu li.rMenu-expand li a, div#menu2 ul.rMenu li.rMenu-expand li a {
padding: 5px 22px 5px 10px !important;
background-position: 97% 50% !important;

/* Space between items of page menu bar */
div#menu1 ul.rMenu li a {
margin-right: 0;
padding-right: 12px;
padding-left: 12px;

ul#rmenu {
div#menu2 {
background: #666666;
div#menu1 {
background: #eee;


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
Extra Buttons on Page Menu Bar impossible Page & Category Menu Bars 6 Jun 12, 2010 06:20 AM
Problem changing the background color of just one of the page menu items\buttons Thomas Page & Category Menu Bars 3 Jun 6, 2010 05:38 PM
Page menu bar with buttons Burn Page & Category Menu Bars 17 May 23, 2010 03:55 PM
Custom page menu bar buttons Wimbledon Page & Category Menu Bars 2 Oct 7, 2009 12:45 PM

All times are GMT -6. The time now is 04:02 AM.

Powered by vBulletin® Copyright ©2000 - 2023, Jelsoft Enterprises Ltd.