Modularity Light reducing sidebar size help

  • Author
    Posts
  • #586446

    Hello..I did a forum search on this issue and couldn’t find anything that applied specifically, so apologies if I missed it.

    I have been playing around with the Modularity Light theme for my blog today having previously used Monochrome, and I almost have my blog how I want it, except the sidebar which features my search bar, subscription button, previous posts etc is taking up too much space on my blog. I added the sidebar as my blog looked very disorganised and user unfriendly without it, but I want it to take up about half the space that it does on my blog, as having it is making some of the images on my blog smaller than I want them, or just cropping images where they shouldn’t be cropped.

    Is there is simple CSS code I can use that will increase the size of my main blog column and decrease the size of the sidebar? Basically I just want to give my main blog column more space.

    Any help appreciated, I have zero knowledge of CSS. Thanks.

    The blog I need help with is notaparticularlygreatdancer.wordpress.com.

    #586608

    We need a link to the blog please.

    #586610

    Oh whoops, sorry

    blog link –

    http://notaparticularlygreatdancer.wordpress.com/

    #586614

    The following reduces the sidebar to 170px (was 310px) and adds 140px to the main content column (now 730px wide).

    .span-15 {
        width: 730px;
    }
    
    .span-8 {
        width: 170px;
    }

    On the CSS edit page, in the “video and image width” field below the main text area, increase the value by 140 so that it will give you full-width images.

    #586617

    Oh my gosh…I would have never figured that out! Thank you so much, its perfect.

    #586618

    You are welcome.

The topic ‘Modularity Light reducing sidebar size help’ is closed to new replies.