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 »

Changing the menu button shape (almost there)


  #1  
Old Feb 4, 2013, 08:43 PM
harty
 
28 posts · Sep 2009
Changing the menu button shape (almost there)

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, 08:27 AM
lmilesw's Avatar
lmilesw
 
10,176 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, 03: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, 03: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, 04: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 07:02 AM
some extra button in menu bar Trumpetto Atahualpa 3 Wordpress theme 5 Sep 22, 2010 06:50 AM
Button colour not changing on page menu sidebar Djembateuse Sidebars & Widgets 0 Mar 21, 2010 09:11 AM
Changing Hover Color of "Submit Comment" Button adum Comments, trackbacks & pings 2 Jun 21, 2009 02:37 PM
Changing the position of the RSS button pushkinpassey RSS, Feeds & Subscribing 3 Mar 28, 2009 10:14 AM


All times are GMT -6. The time now is 04:18 AM.


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