Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #64718
    Chatfield Court
    Participant

    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.

    #64765
    Sakin
    Keymaster

    @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%;
        }
    }
    #64946
    Chatfield Court
    Participant

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

    Kristi

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘How to change the margins(?) between the content and sidebar’ is closed to new replies.