[Chatfield Court]

I am trying to increase the sidebar (widget side) size of my blog. Is there a way to decrease the space between my content and the sidebar without losing the size of my content.

http://www.chatfieldcourt.com/

Thanks.

[Sakin]

@Chatfield Court: I see that you have customize the site width without checking in responsive css.
I don’t get it why you have following css in you child theme style.css. This is causing issues. So, I suggest you to remove that.

#page {
    margin: 0 auto 2em;
    max-width: 1200px;
}
#secondary {
    float: right;
    margin-right: 3%;
    width: 20.5%;
}
#content {
    margin: 0 28.6% 0 3%;
    width: 75.5%;
}

I think you want to increase the the width of the site. For, that you need to need to adjust the width in the following css as per your need and then add it in you child them style.css

@media screen and (min-width: 1025px) {
    /* Overall Site Width */
    .site {
        max-width: 1200px;
        width: 100%;
    }
    /* Content Width */
    #primary {
        width: 68%;
    }
    /* Sidbear Width */
    #secondary {
        margin: 0;
        width: 30%;
    }
}

[Chatfield Court]

Thanks for the help Sakin. I did some work on my blog and it looks so much better.

Kristi

[Author]

Posts