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

Round corners in widgets


  #1  
Old Jun 7, 2012, 02:57 PM
freelancekonsulenten's Avatar
freelancekonsulenten
 
45 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.
__________________
WordPress blogs og hjemmesider og webshops
  #2  
Old Jun 7, 2012, 06:58 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jun 8, 2012, 12:11 AM
freelancekonsulenten's Avatar
freelancekonsulenten
 
45 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.
__________________
WordPress blogs og hjemmesider og webshops
  #4  
Old Jun 8, 2012, 04:15 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Jun 8, 2012, 04:19 AM
freelancekonsulenten's Avatar
freelancekonsulenten
 
45 posts · Oct 2009
Denmark
OF COURSE!!!!!

Thank you very much for you rhelp :-)
__________________
WordPress blogs og hjemmesider og webshops
  #6  
Old Jun 8, 2012, 04:21 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks



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 09:32 AM.


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