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 » Header configuration & styling »

Styling Submenu Important


  #1  
Old Jun 12, 2012, 03:39 AM
Viktoria's Avatar
Viktoria
 
77 posts · Jun 2012
hello,
First of all I want to thank your forum helped me a lot.

I have a problem on my site,
how can I design a menu to show like the picture?

I managed the colors menu. But I have a problem with drop-down menu:
First drop-down menu hides the main menu, large font and colors do not match the picture I attached.
How can i design the menu like the picture?

in atahualpa I have attached the following codes CSS :
ul#rmenu2 li {
float: right;
margin-left: 14px;
border-radius: 7px;
}
and in MENU1 page menu - Border around all menu items codes:
solid 1px #ffffff;solid 0px #FDDEA9;border-radius: 7px;margin: -20px;;;;

my site: http://zerfb.com.preview8.logate.co.il/

Hope you can help me

Last edited by Viktoria; Oct 23, 2012 at 01:14 PM.
  #2  
Old Jun 12, 2012, 05:27 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
try adding
HTML Code:
div#menu1 ul.rMenu li {
    background-color: #FDDEA9;
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jun 13, 2012, 04:57 AM
Viktoria's Avatar
Viktoria
 
77 posts · Jun 2012
Thanks for your response.

But the code you noted did not help me. My main problem is drop-down menu (see the attached picture in red) drop-down menu hides the main menu, and color of the menu itself does not change just the words painted.
How can I do to be exactly like the first picture?

Thank you for your help.

Last edited by Viktoria; Oct 23, 2012 at 01:14 PM.
  #4  
Old Jun 13, 2012, 06:55 AM
Viktoria's Avatar
Viktoria
 
77 posts · Jun 2012
And another question, how can I in sub menu only change the text size? Like the first image?
  #5  
Old Jun 13, 2012, 12:18 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Here is some CSS you can try for a start. Too time consuming to get exact code.
HTML Code:
.sub-menu {
    position: relative;
    top: 70px !important;
}
.sub-menu li {
    background: #f2adae !important;
    width: 100% !important;
}
To change the size of the top menu items you could add a class in the WordPress Menu tab (if you don't see the class selector your might have to turn it on with screen options for the menu). After setting a class just add the necessary CSS to increase the font size.
__________________
~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 Jun 14, 2012, 02:43 AM
Viktoria's Avatar
Viktoria
 
77 posts · Jun 2012
Thank you very much, helped me a lot!
the menu was exactly as I wanted

But I still did not understand how to change the size of sub menu.
Possible to add some code to CSS? I tried to put FONT-SIZE it did not work
I do not really know all of HTML codes.
  #7  
Old Jun 14, 2012, 03:58 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
If you want to change teh sub menu items, you have to target the CSS at that level. Remember CSS stands for Cascading Style Sheet so any style you apply cascades to it's child elements. If you want them different, you need to over ride the CSS with more CSS.

The menus are the most complicated CSS with over 400 lines of CSS.

So get the extension FIREBUG for FIREFOX and examine the sub menu items to see what the CSS Selectors are that effect them. Then you can use them in the CSS Inserts to override the existing CSS applied to them.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Submenu dropdown covers rest of submenu - how do i get it to the right? Friland Page & Category Menu Bars 6 Feb 19, 2011 01:37 PM
Can you help me fix my submenu text? moaa Page & Category Menu Bars 3 Dec 2, 2010 12:27 PM
[SOLVED] Struggling to get equal widths for sub-menu items - use of " !important;} " arthurmild Page & Category Menu Bars 5 Nov 2, 2010 02:37 AM
Please help! I switched to Atahualpa, now important Admin pages have gone blank!!! change-junkie Atahualpa 3 Wordpress theme 1 Apr 23, 2009 08:33 AM


All times are GMT -6. The time now is 11:28 AM.


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