ThemeShaper Forums » Thematic

How to remove border from a widget

(3 posts)
  • Started 4 years ago by jebz
  • Latest reply from CircleReader
  • This topic is resolved
  1. 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 #
  2. 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 #
  3. 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://forums.themeshaper.com/topic/how-to-change-the-look-of-thematic-with-a-wordpress-child-theme

    Posted 4 years ago #

RSS feed for this topic

Reply

You must log in to post.