Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Page & Category Menu Bars (http://forum.bytesforall.com/forumdisplay.php?f=10)
-   -   image not showing in background of page menu bar (http://forum.bytesforall.com/showthread.php?t=2712)

rinoa3108 Jul 29, 2009 12:27 AM

image not showing in background of page menu bar
 
Hello,
Ive been trying to add this image in the page menu bar behind the buttons, but for some reason it isnt showing up. Ive copied this code from one of my other sites also using this theme whch works:

ul.rMenu {
height: 100px;
background: url(/wp-content/themes/atahualpa/images/header123.png);
padding-left: 570px;
background-color: none;

Its driving me nuts because i dont know what else it can be. The path name looks right. Can anyone help? Thanks a bunch.
www.barasia.judyly.com

juggledad Jul 29, 2009 08:01 AM

I'm confused, the image header123.png is showing up ( it is the red image with a yellow star and the words 'Bar Asia' and 'Curries - Noodles - Stir fries' on it.

rinoa3108 Jul 30, 2009 01:01 AM

Hi,
Yes it is there now, because ive changed it so that instead of using the logo background for the page menu bar background, it is a header image again ie. %image %pages, instead of just %pages. This is because now i am trying to use a negative amount to move the page menu links to the middle of the red header space. I tried it and it worked, but the bar covered the logo on the right. So now i am trying to make the page menu bar transparent. I know there are some threads on it but i havent found a css insert which specifically makes the page menu bar transparent. Anybody know the css insert? Cheers

rinoa3108 Jul 30, 2009 03:59 AM

it seems to look like how i want it now. i used this css insert:

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

However now the links all overlap each other. How do i make it so that they sit next to each other horizontally and aligned to the right?

juggledad Jul 30, 2009 04:02 AM

play with 'background-color: transparent;'

rinoa3108 Jul 30, 2009 07:37 AM

many thanks for the quick reply.
ive made the background of the page menu bar buttons the same as the header so it doesnt show, but now when i add in the css:
margin-top: -50px;
the links go on top of each other. any idea why that is? here is the css insert:

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


All times are GMT -6. The time now is 10:16 PM.

Powered by vBulletin® Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.