WordPress.org

Ready to get started?Download WordPress

Forums

[theme: imbalance 2] simple page resize? (10 posts)

  1. chumlord
    Member
    Posted 2 years ago #

    I'm a noob.

    Can't find the CSS referring to the page width anywhere.

    Any help resizing my pages would be verily appreciated :)

  2. peredur
    Member
    Posted 2 years ago #

    A link to your site would help, and a name for the theme you're using. The CSS for every theme is different.

    Cheers

    PAE

  3. chumlord
    Member
    Posted 2 years ago #

    The theme is imbalance 2

    Here's the site: http://ashesanddiamonds.com/

    I've already mangled some of the CSS to get it looking like this :D

    Thanks,

    Billy

  4. peredur
    Member
    Posted 2 years ago #

    Well, there's an element style for the wrapper, setting the width to 1000px. Is that an addition you've made?

    That's setting the framework for everything else.

    If no width is set, it will default to 100%.

    So if you want your display to be 1000px wide and centered, say, you would create a rule that says something like:

    #wrapper {
      width: 1000px;
      margin: 0 auto;
    }

    You should really only make alterations to style rules in a Child Theme, of course. Not only does this keep all your changes in one place, but it also protects you against your style sheet being overwritten by a theme update.

    HTH

    PAE

  5. peredur
    Member
    Posted 2 years ago #

    There's also this:

    /* fluid grid */
    <?php if (!fluidGrid()): ?>
    .wrapper { width: 960px; margin: 0 auto; }
    <?php else: ?>
    .wrapper { margin: 0 40px; }
    <?php endif ?>

    ... in header.php

    Cheers

    PAE

  6. chumlord
    Member
    Posted 2 years ago #

    OK thanks.

    I don't know what a child theme is.

    So, I tried your second suggestion but it doesn't affect the page size.

    I can't find the element style for the wrapper.

    Does it look like this: #wrapper ?

    It's not in the stylesheet?

    Thanks for you help.

  7. chumlord
    Member
    Posted 2 years ago #

    OK I did it.

    This is the piece of code that I changed, in the style sheet css:

    .entry-content { width: 1200px; margin-left: 50px; font-size: 15px; line-height: 21px; }

    Thanks for your help.

    Billy

  8. chumlord
    Member
    Posted 2 years ago #

    Although ideally I would like the page content to stretch to fit the browser window, like the rest of the site does...

  9. peredur
    Member
    Posted 2 years ago #

    Child themes are the only recommended way of making changes to themes. Check out the documentation.

    HTH

    PAE

  10. Sheba
    Member
    Posted 2 years ago #

    Hello peredur can you please take a lot at my post and respond http://wordpress.org/support/topic/resizing-page-width-in-modern-sofa-theme?replies=3#post-2653536

    I need to change the box size of the left column to be 500, so total page width is 750px which includes the right column.

    Thanks for your attention.

Topic Closed

This topic has been closed to new replies.

About this Topic