WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] Change page width (22 posts)

  1. Brian Holloway
    Member
    Posted 6 months ago #

    I want to expand the width of a page. Any suggestions?

  2. Andrew
    Forum Moderator
    Posted 6 months ago #

    Let's see the page that you want to change the width

  3. Brian Holloway
    Member
    Posted 6 months ago #

  4. Andrew
    Forum Moderator
    Posted 6 months ago #

    Is it just this page?

  5. Brian Holloway
    Member
    Posted 6 months ago #

    yes. Is there a way to make the left and right margins not so big?

  6. Wolfs bRain
    Member
    Posted 6 months ago #

    Hi there Jr,
    I'm not sure if this is what you wanted but i took a look at your site and believe that this is what you wanted.

    #page {
    width: 90%;
    }

    Simply type that into your child theme or use your css plugin. If you need information on how to create a child theme simply click here

    https://codex.wordpress.org/Child_Themes

    If there's anything else you need please feel free to ask.

  7. Andrew
    Forum Moderator
    Posted 6 months ago #

    You can reduce the margins, yes:

    .page-id-25 .content-area {
     margin: 0;
    }
  8. Brian Holloway
    Member
    Posted 6 months ago #

    Wolf, the code you gave me changed the width of the page but not the width of the content in the page.

    Andrew, the margins didn't change

  9. Andrew
    Forum Moderator
    Posted 6 months ago #

    Where did you put the CSS?

  10. Brian Holloway
    Member
    Posted 6 months ago #

    in the style.css

    as well as a few css plug ins

  11. Brian Holloway
    Member
    Posted 6 months ago #

    So the thing I want to do is to expand the width of the content in the page.

  12. Andrew
    Forum Moderator
    Posted 6 months ago #

    I don't see the CSS plugins on your site, install this Custom CSS Manager plugin http://wordpress.org/plugins/custom-css-manager-plugin

    Then use its "CSS Code" section of the dashboard to hold your CSS modifications.

  13. Brian Holloway
    Member
    Posted 6 months ago #

    I installed it and added the plugin in. Your code moved it to the left a little more. but the width of the content doesn't go to far to the right.

    I added text to the page to show where the right margin starts.

  14. Andrew
    Forum Moderator
    Posted 6 months ago #

    Try using Chrome's developer tools to find this stuff out; https://developers.google.com/chrome-developer-tools/

    E.g.: https://developers.google.com/chrome-developer-tools/docs/dom-and-styles
    You can find out the CSS that's causing the spacing. Padding is indicated in green. Margin, red. Elements, blue.

  15. Andrew
    Forum Moderator
    Posted 6 months ago #

  16. Wolfs bRain
    Member
    Posted 6 months ago #

    Hey Jr
    Try this code in your css plugin and let me know if this is what you were shooting for.

    .content-area {
    width: 90% !important;
    margin: 10px !important;

    }

    #post-25 {
    width: 100%;
    }

    #page {
    width: 90%;
    }

  17. Wolfs bRain
    Member
    Posted 6 months ago #

    You can also try just using this

    #post-25 {

    width: 100%;
    }
    It increases the content a little less i believe but it all depends on the look your going for.

  18. Brian Holloway
    Member
    Posted 6 months ago #

    and what is orange? I believe this is what is causing it

    http://snag.gy/2DkZz.jpg

  19. Brian Holloway
    Member
    Posted 6 months ago #

    how do i find the location for this in the editor?

  20. Andrew
    Forum Moderator
    Posted 6 months ago #

    Sorry I meant orange is margin*. You don't need to find the location, you just override it in your Custom CSS plugin

  21. Brian Holloway
    Member
    Posted 6 months ago #

    Wolf, just looked back at your code and it worked. Thanks a ton!

  22. Wolfs bRain
    Member
    Posted 6 months ago #

    Any time Jr. Took a bit but i was finally able to get it. If you ever need anything just give us a shout.

    Wolfy and Brain @(*_*)@

Reply

You must log in to post.

About this Theme

About this Topic

Tags