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 »

[SOLVED] Rounded sidebar with border?


  #1  
Old May 10, 2009, 04:28 PM
ssoszka
 
75 posts · Apr 2009
Oregon, USA
Send a message via Skype™ to ssoszka
My apologies if this was answered in a different post, but my search turned up nothing... So here goes.

I want to create a rounded sidebar with a border, much like the border I've created on my blog, Machu Picchu Vacations.

I'm also looking to create rounded post summary boxes with borders as well.

Any thoughts?

Thanks,
Shawn
  #2  
Old May 11, 2009, 03:45 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
For a whole sidebar, you have to edit header.php or footer.php and add the green part:

<!-- Left Sidebar -->
<td id="left">
<div id="left-sidebar">
<?php // Widgetize the Left Sidebar
if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(1) ) : ?>

...

<?php endif; ?>
</div>
</td>
<!-- / Left Sidebar -->


Theme Options -> HTML/CSS Inserts -> CSS Inserts:

HTML Code:
div#left-sidebar, div.post {
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
  #3  
Old May 12, 2009, 03:17 PM
evripidis's Avatar
evripidis
 
37 posts · Apr 2009
Greece
And if we would like to do that, when the sidebars are together? I mean on the one side ? Could we have one border for both of them ? With the same style of course.
  #4  
Old May 13, 2009, 07:34 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
You could simulate that by removing the right border of the left sidebar and the left border of the right sidebar, with CSS at Theme Options -> Sidebars
  #5  
Old Jun 8, 2009, 12:51 PM
Jcasteli's Avatar
Jcasteli
 
15 posts · Jun 2009
Right now, Hoboken, NJ
I applied the above code for the right and left sidebars, but they still appear square. I have the following typed in my CSS Inserts:

div#left-sidebar, div.post {
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
div#right-sidebar, div.post {
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

And I updated my header and footer.php as suggested.
http://www.twobackpackers.com/blogs/
  #6  
Old Jun 8, 2009, 01:47 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Depends on the browser you are viewing the site with. IE doesn't play well. Check it out with Firefox or Safari. In Safari on the Mac I see a small curve on your sidebars.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Jun 8, 2009, 03:43 PM
Jcasteli's Avatar
Jcasteli
 
15 posts · Jun 2009
Right now, Hoboken, NJ
Are there any solutions for getting the curves to appear in IE?
  #8  
Old Jun 10, 2009, 10:37 AM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
Quote:
Originally Posted by Jcasteli
Are there any solutions for getting the curves to appear in IE?
For IE you'd have to use images or Javascript http://www.curvycorners.net/
  #9  
Old Nov 26, 2009, 01:53 PM
ssoszka
 
75 posts · Apr 2009
Oregon, USA
Send a message via Skype™ to ssoszka
I tried all of this and it just didn't work. I'm trying to change my right side bar and I made the appropriate code changes to reflect this, but no results. see DrSoszka.com

Thanks,

Shawn
  #10  
Old Nov 26, 2009, 07:59 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
add a CSS selector 'td#right, '
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #11  
Old Nov 27, 2009, 12:43 PM
ssoszka
 
75 posts · Apr 2009
Oregon, USA
Send a message via Skype™ to ssoszka
Hey thanks for the reply,

I'm a bit confused where in the code I would place that new command that you suggested.
Here's what I am using:

div#right-sidebar, div.post {
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

Thanks,
Shawn
  #12  
Old Nov 27, 2009, 12:49 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
put it in the CSS Inserts - i.e. ATO->Add HTML/CSS Inserts->CSS Inserts
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #13  
Old Nov 27, 2009, 01:06 PM
ssoszka
 
75 posts · Apr 2009
Oregon, USA
Send a message via Skype™ to ssoszka
Yep did that, here's what it looks like:

div#right-sidebar, div.post {
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
'td#right, '
}
  #14  
Old Nov 27, 2009, 02:51 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Quote:
div#right-sidebar, div.post {
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
'td#right, '
}
????????? that's not right it should be
HTML Code:
td#right, 
div#right-sidebar, 
div.post {
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
The TD#RIGHT is a selector not a rule
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #15  
Old Nov 27, 2009, 08:04 PM
ssoszka
 
75 posts · Apr 2009
Oregon, USA
Send a message via Skype™ to ssoszka
Got it, thanks!!

Thanks,
Shawn

Last edited by juggledad; Nov 28, 2009 at 05:27 AM.

Bookmarks

Tags
rounded sidebar



Similar Threads
Thread Thread Starter Forum Replies Last Post
Need rounded off corners on menu boarders nickcee Page & Category Menu Bars 4 Nov 21, 2013 12:47 PM
Creating A Gradient Sidebar Border oz1 Sidebars & Widgets 1 Jun 29, 2009 08:50 PM
Disabling the LEFT BORDER for LINKS in the Sidebar ianuy Sidebars & Widgets 3 May 17, 2009 06:17 AM
how to add border to sidebar images? Riin Sidebars & Widgets 3 May 16, 2009 01:19 PM
Rounded Edges ZHowl Post-Kicker, -Byline & -Footer 0 Mar 4, 2009 11:32 AM


All times are GMT -6. The time now is 02:06 PM.


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