How to remove border from a widget

(3 posts)

Tags:

jebz
Member

I'm a beginner, so apologies if this is obvious.

I've added a widget in the "Index Insert" position, but it has a border. Which CSS entry do I edit to remove this? Thanks.

Posted 4 years ago #
Jamie Mitchell
Member
hey dude.

i'm assuming your using the default theme as is...

not sure what you have available to edit stylesheets.

but basically you go to:

thematic/library/styles/default.css

open the default.css and about line 751 you'll see the
```
#content .aside {
    border:1px solid #ccc;
    margin:0 0 22px 0;
    padding:18px 0 0 0;
}
```
get rid of the border by changing the border to
```
border:none;
```
you would likely need to get rid of the padding too, just above you'll see
```
#content .aside ul {
    padding:0 20px;
}
```
change the padding to
```
padding:0
```
Posted 4 years ago #
CircleReader
Member

And of course, as always, it is better to add the new CSS declarations for #content .aside to your own style.css file in a Child Theme, rather than editing the default.css file directly. That way, you don't loose your changes when the theme is updated! :-)

More info here: http://themeshaper.com/forums/topic/how-to-change-the-look-of-thematic-with-a-wordpress-child-theme

Posted 3 years ago #

Reply

You must log in to post.