[SOLVED] Rounded sidebar with border?
 

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

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:

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.

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

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/

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.

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/

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

add a CSS selector 'td#right, '

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

put it in the CSS Inserts - i.e. ATO->Add HTML/CSS Inserts->CSS Inserts

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, '
}

????????? that's not right it should be
The TD#RIGHT is a selector not a rule

Got it, thanks!!

Thanks,
Shawn