Viewing 9 replies - 1 through 9 (of 9 total)
  • open screen.css

    try to change
    right side => line 118

    .span-8 {
        width: 240px;
    }

    left side => line 125

    .span-15 {
        width: 640px;
    }

    Thread Starter concordextra

    (@concordextra)

    thanks. for some reason i dont have screen.css but i have got

    RTL Stylesheet
    (style.css)

    http://blog.concordextra.com/wp-content/themes/modularity-lite/library/styles/screen.css

    but, just left screen.css as default.

    put the code in your Stylesheet (style.css) not RTL

    Thread Starter concordextra

    (@concordextra)

    thanks figured out how to get screen.css edited but that did not do the trick.

    All i need is the white space on the right of the sidebar reduced.

    Thanks a lot for your help.

    put this code in style.css

    .span-7 { width: 650px; }
    .span-15 { width: 590px; }
    Thread Starter concordextra

    (@concordextra)

    Thanks. It looks like this now http://blog.concordextra.com/

    Hello! This is my first time posting here, so please forgive my lack of knowledge. Here’s my site so far, in case it matters: http://mimitopia.com/ It’s functioning well so far, but I’d love to solve just this one issue.

    I’ve been searching all over trying to figure out how to change the size of the sidebar in Modularity Lite, and have seen many posts including this one. But none of them have helped me. Right now I’m using the full-width option without a sidebar because the sidebar takes up so much space that there’s no room for my images. Since my website will be for selling art prints, I really need space for the images. However, I find there’s something “missing” by not having a sidebar. I’d like to have one, just skinnier. It seems weird to me to have that wide of a sidebar on a theme that’s meant for visual stuff. Still, I love the theme in every other way, so I’m not complaining… much.

    I do not have a page in editor called “screen.css”. I have style.css of course, and supposedly I’m to put this code:

    .span-7 { width: 650px; }
    .span-15 { width: 590px; }

    Presumably I get to specify how many pixels wide each field is. But where exactly does the code go? Is there a line somewhere in style.css within which I paste the code? Or do I just drop it anywhere on the page, pinch my nose and dive in? I’m horribly inept at code-language and really need someone to tell me exactly where to put these things.

    Okay, that’s a really long question for what I’m sure is a very simple issue. But simple or not, it has perplexed me for many hours, so I’m finally reaching out 🙂

    Thanks in advance!

    put this code in style.css

    .span-7 { width: 650px; }
    .span-15 { width: 590px; }

    This is not the best decision.

    Mimitopia
    http://wordpress.org/support/topic/changing-sidebar-width-in-modularity-lite?replies=1#post-2709130

    Thread Starter concordextra

    (@concordextra)

    Thanks Mimitopia. I could not find

    .span-7 { width: 650px; }
    .span-15 { width: 590px; }

    on style.css.

    Hi Fire Truck, Could you give bit more insight what is the best.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Modularity Lite – Right Column Resize’ is closed to new replies.