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 » Sidebars & Widgets »

Round corners in widgets


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 Jun 7, 2012, 02:57 PM
freelancekonsulenten's Avatar
freelancekonsulenten
 
40 posts · Oct 2009
Denmark
I can't figure out how to make round corners in the widget container.
I manage to make in the page/center column, but the same code don't work if I put it in the widget container.

You can see the page here: http://www.freelancekonsulenten.dk/
I would like to have the white area in the widget with round corners like in the page.

Any body who can help?

Thank you.
  #2  
Old Jun 7, 2012, 06:58 PM
juggledad's Avatar
juggledad
 
20,009 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
remember there is the sidebar that is styled at 'ato->Style & configure SIDEBARS->XXXXX sidebar style' and the widget container is style at 'ato->Style WIDGETS->Style WIDGETS'

so do you want to style the sidebar or the widget containers?
  #3  
Old Jun 8, 2012, 12:11 AM
freelancekonsulenten's Avatar
freelancekonsulenten
 
40 posts · Oct 2009
Denmark
I want to style both.
My code for sidebar:
border: 10px solid #00ADEF;
font-size: 0.9em;
-webkit-border-radius:10px;
border-radius: 10px;

That works fine!

My code for widget container:
margin: 0 0 15px 0;
padding: 10px;
-webkit-border-radius:10px;
border-radius: 10px;

That don't work!

What I would like to have is round corners in the widget container.
  #4  
Old Jun 8, 2012, 04:15 AM
juggledad's Avatar
juggledad
 
20,009 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
actually it is doing exactly what you told it to do. All the widget containers have rounded corners.

I'm going to let you figure out WHY but I'll give you a hint - try changing the background color of the widget containers
  #5  
Old Jun 8, 2012, 04:19 AM
freelancekonsulenten's Avatar
freelancekonsulenten
 
40 posts · Oct 2009
Denmark
OF COURSE!!!!!

Thank you very much for you rhelp :-)
  #6  
Old Jun 8, 2012, 04:21 AM
juggledad's Avatar
juggledad
 
20,009 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
for anyone else viewing this - the sidebar containor was white and teh widget containers was also white, so round white containers don't show to well on a white background

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Round corners on bottom of center column inkdork Center area post/pages 2 Mar 28, 2012 09:49 PM
round corners.... jan92 Center area post/pages 1 Jun 10, 2011 12:30 PM
[SOLVED] border-radius.htc for round corners in IE bonnbonn Center area post/pages 1 Apr 20, 2011 06:47 AM
Round corners on sidebar? Velma Sidebars & Widgets 4 Jan 14, 2010 08:29 PM


All times are GMT -6. The time now is 04:30 PM.


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