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 »

[SOLVED] Rounded corners - im just not getting it


  #1  
Old Apr 22, 2011, 09:05 AM
tlck9
 
151 posts · Aug 2010
[SOLVED] Rounded corners - im just not getting it

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, 09:53 AM
lmilesw's Avatar
lmilesw
 
10,176 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, 10:23 AM
juggledad's Avatar
juggledad
 
23,765 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, 10: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, 12:34 PM
lmilesw's Avatar
lmilesw
 
10,176 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, 08: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 05:53 AM
Rounded Corners with an image Xethon Sidebars & Widgets 2 Sep 16, 2010 07:31 AM
Rounded corners of images? JoannaLynnPhoto Center area post/pages 1 Jun 8, 2010 05:20 AM
Rounded corners at top and bottom mook Header configuration & styling 1 May 27, 2010 02:58 PM


All times are GMT -6. The time now is 03:26 AM.


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