WordPress.org

Forums

Modularity Lite - Right Column Resize (10 posts)

  1. concordextra
    Member
    Posted 3 years ago #

    Hi

    Is there any way right column width can be resized ?

    blog.concordextra.com

  2. Nanang Rukmana
    Member
    Posted 3 years ago #

    open screen.css

    try to change
    right side => line 118

    .span-8 {
        width: 240px;
    }

    left side => line 125

    .span-15 {
        width: 640px;
    }
  3. concordextra
    Member
    Posted 3 years ago #

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

    RTL Stylesheet
    (style.css)

  4. Nanang Rukmana
    Member
    Posted 3 years ago #

    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

  5. concordextra
    Member
    Posted 3 years ago #

    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.

  6. Nanang Rukmana
    Member
    Posted 3 years ago #

    put this code in style.css

    .span-7 { width: 650px; }
    .span-15 { width: 590px; }
  7. concordextra
    Member
    Posted 3 years ago #

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

  8. Mimitopia
    Member
    Posted 3 years ago #

    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!

  9. Fire Truck
    Member
    Posted 3 years ago #

    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

  10. concordextra
    Member
    Posted 3 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic