Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • April 25, 2013 at 11:56 am #7809
    Kip
    Participant

    web page is http://huonphotography.kipaustralia.com.au/

    I tried the CSS to change the width of the right sidebar:

    /*Change width of sidebar*/

    #secondary { width: 25%; }

    However this leaves a large area of the page unused.

    How do I change the main area width to compensate for that change?

    Thanks

    Kip

    April 26, 2013 at 1:50 am #7832
    Sakin
    Keymaster

    @Kip: Since, this is responsive theme you need to be aware of responsive layout so add the following css in “Appearance => Theme Options => Custom CSS” box.
    `

    @media     screen and (min-width: 960px) {
    #content {
    margin: 0 31.1% 0 3%;
    width: 65.9%;
    }
    #secondary {
    width: 25%;
    }
    }
    `

    April 26, 2013 at 7:03 am #7839
    Kip
    Participant

    Thanks Sakin.

    Now I have to reconfigure my widgets to fit …..

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Change width of page’ is closed to new replies.