Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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

Changing the menu button shape (almost there)


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Feb 4, 2013, 09:43 PM
harty
 
28 posts · Sep 2009
Hi there.

Am using this code in CSS Inserts to make my menu buttons rounded. But the highlighter for the buttons remains square.

Can the highlighter be made to match the rounded edges in the following code?

div#menu1 ul.rMenu, div#menu2 ul.rMenu {
background-color: transparent;
}
div#menu1 ul.rMenu li {
margin-right: 5px;
-moz-border-radius:5px;
-khtml-border-radius: 15px;
-webkit-border-radius:15px;
border-radius: 15px;
border: 2px solid #EE008C;
}

Many thanks.
  #2  
Old Feb 5, 2013, 09:27 AM
lmilesw's Avatar
lmilesw
 
10,108 posts · Jul 2009
Central New York State USA
You may need to take out the button styling in the forms section of the theme options to let other CSS have affect.
__________________
~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 Feb 5, 2013, 04:02 PM
harty
 
28 posts · Sep 2009
Hi. Gave that a try but made no difference. I removed all coding from the forms section.
I am guessing there must be a code for the hover state of the menu?
  #4  
Old Feb 5, 2013, 04:06 PM
harty
 
28 posts · Sep 2009
Okay.
Sorted out the shape, and the hover state with the following code.
Just one more thing to do now.

When on the Home page [for example], the Home page button highlighter is still square.

div#menu1 ul.rMenu-ver {
background-color: transparent !important;
padding: 0 0 0 0;
}
ul.rMenu-hor ul ul {
margin-left: 12px !important;
margin-top: 0;
}
div#menu1 ul.rMenu-ver {
background-color: transparent !important;
padding: 0 0 0 0;
}
ul.rMenu-hor ul ul {
margin-left: 12px !important;
margin-top: 0;
}
div#menu1 ul.rMenu li {
margin-left: 15px;
margin-right: -10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

border: 2px solid #EE008C;
}

a:hover
{
margin-left: 15px;
margin-right: -10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 2px solid #EE008C;
}
  #5  
Old Feb 5, 2013, 05:25 PM
harty
 
28 posts · Sep 2009
Well. I have given up on my original vision to settle with this:
http://thepleasuredome.co

Using this code for the menu:

div#menu1 ul.rMenu-ver {
background-color: transparent !important;
padding: 0 0 0 0;
}
ul.rMenu-hor ul ul {
margin-left: 12px !important;
margin-top: 0;
}
div#menu1 ul.rMenu-ver {
background-color: transparent !important;
padding: 0 0 0 0;
}
ul.rMenu-hor ul ul {
margin-left: 12px !important;
margin-top: 0;
}
div#menu1 ul.rMenu li {
margin-left: 15px;
margin-right: -10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

border: 2px solid #EE008C;
}

a:active
{
margin-left: 15px;
margin-right: -10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

Bookmarks

Tags
buttons, code, menu, rounded

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
menu bar tab shape jmshap Page & Category Menu Bars 2 Oct 6, 2010 08:02 AM
some extra button in menu bar Trumpetto Atahualpa 3 Wordpress theme 5 Sep 22, 2010 07:50 AM
Button colour not changing on page menu sidebar Djembateuse Sidebars & Widgets 0 Mar 21, 2010 10:11 AM
Changing Hover Color of "Submit Comment" Button adum Comments, trackbacks & pings 2 Jun 21, 2009 03:37 PM
Changing the position of the RSS button pushkinpassey RSS, Feeds & Subscribing 3 Mar 28, 2009 11:14 AM


All times are GMT -6. The time now is 03:32 PM.


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