Wordpress Themes - WP Forum at BFA - [SOLVED] Question about CSS ID for top border of page menu bar buttons

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Page & Category Menu Bars (http://forum.bytesforall.com/forumdisplay.php?f=10)

- - [SOLVED] Question about CSS ID for top border of page menu bar buttons (http://forum.bytesforall.com/showthread.php?t=7445)

Wimbledon

Jun 5, 2010 12:49 PM

[SOLVED] Question about CSS ID for top border of page menu bar buttons

I would appreciate any help in identifying the correct CSS I need.

As you can see in the picture below (and on the live site under construction):

http://i47.tinypic.com/30vkv2d.jpg

There are bars above the page menu bar buttons that I cannot seem to correctly address with CSS. I'm not sure whether I want to make the bars transparent or illuminate a certain color -- although I think can figure out that part of the CSS for myself.

My problem is figuring out just what CSS ID I need to address those bars.

I've tried

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 {
border: solid 0px transparent !important;
}

and I've also tried addressing ul.rMenu li and many others yet I can't seem to change those bars.

Any help is appreciated!

Thomas

Jun 5, 2010 01:30 PM

Check out Flynn's second post in this thread - maybe it's a padding issue..have to run but if the thread is still open tonight I'll take another look - I've been doing a lot of work with the page menu bar the last couple of days and may be able to help..

http://forum.bytesforall.com/showthr...=menu+bar+size

Thomas

Wimbledon

Jun 5, 2010 02:02 PM

Thanks for the lead Thomas, I will play with the padding and see if that helps.

juggledad

Jun 6, 2010 05:19 AM

This has to do with a couple ao thinge
1) the div#menu1 size, border and background color
2) the div#menu1 ul li size, border and background color and
3) the

HTML Code:

div#menu1 ul.rMenu {

         border:none !important;

/* for IE */

  filter:alpha(opacity=20);

  /* CSS3 standard */

  opacity:0.2;

}

that you have added
I did a little playing with it, but this, espically with the opacity, but could not come up with a quick solution. I suggest you view a page, view the source, copy it to a text document and save it as 'menu.html' then display that page in your browser.

You can now tinker with the html and just do a browser refresh till you get it right, then figure out where to put the changes in Atahualpa

Wimbledon

Jun 6, 2010 11:15 PM

Thanks everyone, I kept playing with the CSS and finally found the look I desired.

All times are GMT -6. The time now is 11:25 PM.