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
Exclamation Styling Submenu Important

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.

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:59 AM.


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