how to create the background colour of the buttons invisible?
 

Hello,
Is there a way to take out the solid colour for the buttons, for all states? I just want the button text to change colour on hover and when clicked on, and the colour of the buttons to be invisible. Thanks

Ummm, what buttons are you talking about? It would be good if you were a little more detailed in your question and gave a link to an example.

hello,
sorry. the buttons in the page menu bar.
example: www.blueginger.judyly.com
At the moment the buttons have a black background on them and i would like to make the invisible so the blue strip shows behind it.
Thanks.

So if I understand you,
currently when you mouse over the page menu bar, say the word 'Functions' the background goes from blue to black, but you would lie it to remain blue.

How about setting the Atahualpa Theme Option -> Page Menu bar -> Background color: Hover to the same color as the tahualpa Theme Option -> Page Menu bar -> Background color?

If the hover color is the same as the background color, you won't see a change.

it needs to be transparent because the button extends upwards towards the top of the browser window. if it is made the same colour blue as the bar then the blue will show above the bar.
anyone know the code for the on hover state for the background colour of a button?

I'm confused, when I go to the site (ohh, lovely looking dishes!!) I just see a text menu buttons, nothing special. However, try adding this to ATO -> HTML/CSS Inserts -> CSS Inserts

ul.rMenu
{
background: #;
}

Hello,

Thanks for the css insert but it is still the same colour. Anyway i have left it that way and it looks okay.
For this website though the button background needs to be transparent because the buttons are sticking out from the bottom of the header.

www.barasia.judyly.com

Any way to make the button background transparent? Or perhaps another way to fix it? Cheers

try

tried it. hmm still the same. here is the insert:

ul.rMenu {
background: #;
}
ul.rMenu li {
height: 60px;
margin-left: 30px;
margin-top: -50px;
z-index: 10;
}
div#menu1 ul.rMenu li {
background-color: #;
}

You can use

background-color: transparent;

or

background: transparent;