Hello,

I accidentally posted this in the wrong forum earlier, for which I apologize. A friend of mine runs http://clerestorylearning.com, a company dedicated to helping teachers learn to teach better. Anyway, I'm trying to help him migrate his current site to WordPress.

The hang up he is having is that I cannot get the button structure right. Can anyone answer a couple questions for me?
Is it possible to style the buttons with CSS?
He has Twitter and Facebook faded into the buttons as links. Is this possible?
Lastly, it is possible to have buttons both on top and bottom of the header?

In his original site, each button is a custom made image and I am having difficulty getting WordPress to dynamically generate a matching image.

Thank you for any help you can provide. I really appreciate it. Atahualpa is simply the most amazin theme, free or paid, I have seen.
Jason Bedell.

If you use the WordPress menu system you can set a class for the menu buttons. You could set one class for all or use a special class for the Facebook menu tab for instance. Then use CSS to put a background image of your liking in the menu.

Thank you. Would that go in CSS inserts?
I think I understand the idea, but I'm fairly poor with CSS. If you have time, could you give me an example of what a menu class might look like? I can usually reverse engineer if I have something from which to start.

Jason.

The menu class can be anything as long as it is unique. So let's say you put a class of mymenutabs in the class box of the menu. Then you would use something like the following to put an image in it.

.mymenutabs a {
background: url(http://www.cnybiz.com/wp-content/themes/atahualpa354/images/backgr.gif) no-repeat top left;
}

This code is using the background shorthand. You could use.
background-image:
background-position:
etc if you like. w3schools.com has great info on CSS syntax. For me it is often try this or that until I get it right. I use Firebug with Firefox a lot.

Thank you.
Which property should I apply the class to? I tried:
div#menu1.mymenutabs a {
background: url(http://litteacher.com/wp-content/the...ges/toptab.png) no-repeat top left;
}
and
.mymenutabs a {
background: url(http://litteacher.com/wp-content/the...ges/toptab.png) no-repeat top left;
}
Neither showed a difference in the page. Do I have to somehow specify a specific page ID to the class?

I think I am getting closer. I added this and it repeats the tab all the way across the screen.

div#menu1 ul.rMenu {
border: none;
background: url(http://litteacher.com/wp-content/the...ges/toptab.png) ;
}

I tried this, but it only adds it once and not for each new page.
div#menu1 ul.rMenu {
border: none;
background: url(http://litteacher.com/wp-content/the...ges/toptab.png) no-repeat top left;
}

It looks like I must be missing something to assign the image manually to each page. Do you have any ideas?
Thank you.

In your previous post you had this code

div#menu1.mymenutabs a

There should be a space between div#menu1 and .mymenutabs a as follows

div#menu1 .mymenutabs a

As you can see this kind of stuff can get into a lot of time which is why I try to convince clients it is generally not worth it. With small changes in the look and feel you reduce your time considerably with no REAL negative impact.