Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

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

[SOLVED] Rounded corners - im just not getting it


  #1  
Old Apr 22, 2011, 10:05 AM
tlck9
 
151 posts · Aug 2010
On previous sites, I wanted straight edges and got rounded corners and couldnt get rid, now I want rounded corners I cant seem to get them.

I uploaded the rounded setting file, and made a few changes as I couldnt see any rounded corners

Now Im trying to get my page menu with rounded edges and I cant seem to get it done, any advice is welcome:

website: test.mentorg dot co.uk

I;ve added the following into ATO: css/html but i must be doing something wrong


#rmenu2 li {
padding: 10px 0px;
}


/* round corners for page menu bar items */
#rmenu2 li {
-webkit-border-top-left-radius: 25px;
-webkit-border-top-right-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-topright: 25px;
border-top-left-radius: 25px;
border-top-right-radius: 25px;


Any other tips for rounded corners in the other aspects wuld be much appreciated too, as I've copied code from here all afternoon and I just cant seem to get it all working
  #2  
Old Apr 22, 2011, 10:53 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
You do have rounded corners but you have to add a transparent background to #rmenu2 and play with padding and margins for the li tags.
__________________
~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 Apr 22, 2011, 11:23 AM
juggledad's Avatar
juggledad
 
23,598 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Don't forget IE8 and lower do not support CSS rounding
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #4  
Old Apr 22, 2011, 11:32 AM
tlck9
 
151 posts · Aug 2010
could you help with me the transparent code please? what do I need and where do I post it?

Much appreciated
  #5  
Old Apr 22, 2011, 01:34 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Put this in ATO>Add HTML/CSS Inserts>CSS Inserts

HTML Code:
#rmenu2 {
background: transparent !important;
}
__________________
~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 Apr 26, 2011, 09:10 AM
tlck9
 
151 posts · Aug 2010
thanks for the reply, i missed the important bit!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Have 2 rounded corners and 2 squared possible? vincent Header configuration & styling 5 Nov 26, 2010 06:53 AM
Rounded Corners with an image Xethon Sidebars & Widgets 2 Sep 16, 2010 08:31 AM
Rounded corners of images? JoannaLynnPhoto Center area post/pages 1 Jun 8, 2010 06:20 AM
Rounded corners at top and bottom mook Header configuration & styling 1 May 27, 2010 03:58 PM


All times are GMT -6. The time now is 08:47 AM.


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