Changing alignment and height of menu bar?

clemon79 · #1 May 17, 2010, 03:29 PM

First off, I cannot believe how close I am getting to getting my website configured the way I had it before I switched to Wordpress. This is an AWESOME theme.

(For reference, my site is http://fredsmythe.com.)

However, I've got a tiny little thing going on...right now, I'm configuring the menu bar. So far I have added the following code to CSS Inserts to get the background image loaded and to have the inactive items have transparent backgrounds:

Code:

/* ================================================ */
/* Page menu background                             */
/* ================================================ */
div#menu1 { 
	height: 33px;  
	background: url(/wp-content/themes/atahualpa/images/WPHeaderPages.png); 
}
/* ================================================ */
/* Page Menu item's background and border           */
/* ================================================ */
div#menu1 ul.rMenu {
        height: 0px;
        background: #red;
	border: none 0px; 
}

div#menu1 ul.rMenu li{
background: transparent !important;
}

Here's what I would like to do:

1) Either remove that infernal border (I made it white and solid for testing) entirely or move the whole bar, border and all down 1 pixel so that it's back in line with the background image. (The latter is probably easier, and if we can do a 1 pixel move I am fine with changing the color to make the top and bottom transparent.

2) The height of the image is 33 pixels. I would like the bar to also be 33 pixels high in total, without having to change the height of the text, leaving the text center-left in the resulting cell.

Any ideas how I might do this? Thanks very much!

-- Chris