Hi forum-

I'm loving what i can do with Atahualpa, but i've run in to trouble...

I can't seem to get the background left and right of the page menu buttons to match the button colors. It's currently yellow like the page background, but should be the red of the buttons.

I've reviewed every thread I could find, appended juggledad's and georgenoise's recommended code to the css, etc.

Any help at all would be appreciated. I'm running WP 3.0.1 and Atahualpa 3.5.3.

here's the dev site: http://italyadagio.com/wp/

attached also is the export of my settings

Thanks y'all
-tommaso

Originally Posted by tommaso

Hi forum-

I'm loving what i can do with Atahualpa, but i've run in to trouble...

I can't seem to get the background left and right of the page menu buttons to match the button colors. It's currently yellow like the page background, but should be the red of the buttons.

I've reviewed every thread I could find, appended juggledad's and georgenoise's recommended code to the css, etc.

This is the same problem that I reported on this thread - the problem only occurs if you use the setting %page-center, if you use %pages and the following code it works fine.

div#menu1 {
background: #??????;
border: none;
}

Obviously replacing #?????? with the hex code of the colour you require. I'm still awaiting an answer as to how to achieve this when using the %page-center setting.

Gill

I am able to set the background colors fine in ATO>Page menu and the placement of the menu makes no difference.

Originally Posted by lmilesw

I am able to set the background colors fine in ATO>Page menu and the placement of the menu makes no difference.

How are you colouring the background to the right / left of the menu? I cannot see where you would do this on the ATO>Page Menu screen.

Gill

What you may be dealing with is some CSS that is part of the default style for Atahualpa. Take a look in ATO>Add HTML/CSS Inserts>CSS Inserts and look for Items for menus. Sometimes what is helpful is to copy all the CSS in the CSS Inserts area and paste it into a notepad file to save the text and then delete everything in the box and look at your site. You will then see what is being done by the CSS.

Originally Posted by lmilesw

What you may be dealing with is some CSS that is part of the default style for Atahualpa. Take a look in ATO>Add HTML/CSS Inserts>CSS Inserts and look for Items for menus. Sometimes what is helpful is to copy all the CSS in the CSS Inserts area and paste it into a notepad file to save the text and then delete everything in the box and look at your site. You will then see what is being done by the CSS.

This is all that is in that area, does it shed any light on the problem?

div#menu1 ul.rMenu li a:link, 
div#menu1 ul.rMenu li a:hover, 
div#menu1 ul.rMenu li a:visited, 
div#menu1 ul.rMenu li a:active {
	font-weight: bold;
	padding: 5px 20px 5px 20px;
		}

div#menu1 ul.rMenu {
background: #deedef;
padding: 2px 2px 2px 2px;
}

div.widget ul li {border-bottom:1px dotted #DEEDEF;
		}

Gill

Could you please post a URL?

Originally Posted by lmilesw

Could you please post a URL?

Thanks for your speedy replies...

It's a test site at the moment - http://aim3.journalcraft.co.uk/
Sorry, I seem to have hijacked this thread, but it seemed to be related to the question I posted here about using a background image with the menu.

Gill

What do you have in your configure header area box?

Originally Posted by lmilesw

What do you have in your configure header area box?

This -

%logo %page-center %image

As I have said, when I use %logo %pages %image, the background, whether a colour or image, will show, but as soon as I change the page setting here it disappears
Gill

I figured out what is happening but I don't have a fix as yet. This problem occurs when you use the WordPress menu builder.

Thanks Larry, I look forward to hearing from you when you have sorted out a fix

On a whim I tried the following and it worked. Wrap %page-center with a div and style it.

<div style="width:100%;background-color:#xxxxxx;">%page-center</div>

That has worked - thank you!

However, there is one remaining niggly problem. When I first tried this I found I had a dashed grey border around the actual menu items. So I included the following code into the Add HTML / CSS Inserts area (this is the entire code in this area)

div#menu1 ul.rMenu li a:link, 
div#menu1 ul.rMenu li a:hover, 
div#menu1 ul.rMenu li a:visited, 
div#menu1 ul.rMenu li a:active {
	font-weight: bold;
	padding: 5px 20px 5px 20px;
	border: none;
		}

div.widget ul li {border-bottom:1px dotted #DEEDEF;
		}

The code I have in the Style Header box is as follows -

%logo <div style="width:100%;background: url(/wp-content/themes/atahualpa353/images/menu-bar-bg.gif);" %page-center</div> %image

I tried adding the border: none instruction here but it had no effect.

Anyhow, the problem that remains is that most of the grey dashed border has gone, but the left border still remains - to the left of HOME - you can just about see it in the thumnail attached

Any ideas?

Thanks
Gill

Try this.

.menu-page-menu-container {border:1px solid #DEEDEF !important;}

Firebug is wonderful

WONDERFUL - it worked Thank you so much for your prompt help.

I hope this has solved tommaso's problem too.

I will put a note on my original thread, as that has now been fixed too.

Thanks again Larry
Gill