Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

Bring up the menu


  #1  
Old Oct 23, 2012, 12:31 PM
Viktoria's Avatar
Viktoria
 
77 posts · Jun 2012
Lightbulb Bring up the menu

Hello,
I want to bring up the menu up a bit more to be roughly lined up with the logo, I tried to add some padding code but it does not work.

Example: http://www.billieshimoni.co.il

I use CSS codes:
ul.rMenu {
padding:0px !important;
list-style:none !important;

}
ul.rMenu li {
margin-top:0px !important;
padding:0px !important;

}
ul.rMenu li a {
margin:0px !important;
padding: 0px 15px !important;
color:#f4f4f4 !important;
font:bold 18px Arial !important;
text-decoration:none !important;
border: solid 0px #FFFFFF;
border-right: 0px solid #aaaaaa;
border-left: 0px solid #aaaaaa;

}

div#menu1 ul.rMenu li {
background-color: transparent;


}
div#menu1 ul.rMenu {
background-color: transparent;

}
div#menu1 ul.rMenu li:hover > a,
ul.rMenu li a:hover {
color:#f4f4f4 !important;
border-right: 0px solid #aaaaaa;
color:#ff4b33 !important;
background-image: URL('http://www.billieshimoni.co.il/wp-content/uploads/2012/10/MENU.jpg') !important;

}
ul.rMenu li.current_page_item a {
color: #f4f4f4 !important;
background-image: URL('http://www.billieshimoni.co.il/wp-content/uploads/2012/10/MENU.jpg') !important;
}

#menu1 {
width: 999px !important;
}

div#menu1 {
border-bottom: 0px solid #461D7C;
background-image: URL('http://www.billieshimoni.co.il/wp-content/uploads/2012/10/MENU.jpg') !important;

}

Thank you.
  #2  
Old Oct 23, 2012, 01:36 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Use absolute positioning for #rmenu2
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Oct 24, 2012, 03:05 AM
Viktoria's Avatar
Viktoria
 
77 posts · Jun 2012
#rmenu2 {
position: absolute;
top: 115px;
height: 115px;
}

This code?

Thank you
  #4  
Old Oct 24, 2012, 04:53 AM
Viktoria's Avatar
Viktoria
 
77 posts · Jun 2012
I have another question on the subject,
How can I make a menu so that it is exactly the image with lines between each category
The sub-menu will be transparent like the picture?
I tried to use my code but it does not look good.

What's wrong with my code? Or some code I can add?

ul.rMenu {
padding:0px !important;
list-style:none !important;

}
ul.rMenu li {
margin-top:0px !important;
padding:0px !important;

}
ul.rMenu li a {
margin:0px !important;
padding: 0px 15px !important;
color:#f4f4f4 !important;
font:bold 18px Arial !important;
text-decoration:none !important;
border: solid 0px #FFFFFF;
border-right: 1px solid #f4f4f4;
border-left: 1px solid #f4f4f4;

}

div#menu1 ul.rMenu li {
background-color: transparent;


}
div#menu1 ul.rMenu {
background-color: transparent;

}
div#menu1 ul.rMenu li:hover > a,
ul.rMenu li a:hover {
color:#f4f4f4 !important;
border-right: 1px solid #f4f4f4;
border-left: 1px solid #f4f4f4;
color:#ff4b33 !important;
background: #575c60 !important;

}
ul.rMenu li.current_page_item a {
color: #f4f4f4 !important;
background: #575c60 !important;


}

#menu1 {
width: 999px !important;
}

div#menu1 {
border-bottom: 0px solid #461D7C;
background: #575c60 !important;

}
#rmenu2 {
position: absolute;
top: 115px;
height: 115px;
}
.sub-menu {
top: 22px !important;
}
.sub-menu li {
background: transparent url('http://www.billieshimoni.co.il/wp-content/uploads/2012/10/MENU.jpg');
opacity: 0.65;
width: 100% !important;
text-align: right;
border-right: 0px solid #575c60;
border-left: 1px solid #575c60;
}

Thanks for everything

Last edited by Viktoria; Jul 31, 2013 at 09:41 AM.
  #5  
Old Oct 24, 2012, 06:40 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
To get the lines you may have to play with borders on the list items. For a transparent background I suggest using a semi transparent png as opacity will affect the text as well as the background.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #6  
Old Oct 24, 2012, 07:54 AM
Viktoria's Avatar
Viktoria
 
77 posts · Jun 2012
Thanks for the reply, but unfortunately it does not work.
I tried to put a semi transparent png and Agein it not transparent.
This can be done another way?

Thank you.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How can I get rid of dark grey menu bar and bring the other down some jstein Header configuration & styling 1 Oct 14, 2010 04:31 PM
Can't adjust Center Column to bring the margins in a bit. jstein Center area post/pages 2 Sep 19, 2010 05:02 AM
[SOLVED] All admin links bring me to 'page not found'? How do I fix the per machepap Atahualpa 3 Wordpress theme 9 Mar 5, 2010 11:31 AM


All times are GMT -6. The time now is 02:27 AM.


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