WordPress.org

Forums

Spun
[resolved] Change page width (22 posts)

  1. Brian Holloway
    Member
    Posted 1 year ago #

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

  2. Andrew
    Forum moderator & snail smusher
    Posted 1 year ago #

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

  3. Brian Holloway
    Member
    Posted 1 year ago #

  4. Andrew
    Forum moderator & snail smusher
    Posted 1 year ago #

    Is it just this page?

  5. Brian Holloway
    Member
    Posted 1 year ago #

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

  6. Wolfs bRain
    Member
    Posted 1 year 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 & snail smusher
    Posted 1 year ago #

    You can reduce the margins, yes:

    .page-id-25 .content-area {
     margin: 0;
    }
  8. Brian Holloway
    Member
    Posted 1 year 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 & snail smusher
    Posted 1 year ago #

    Where did you put the CSS?

  10. Brian Holloway
    Member
    Posted 1 year ago #

    in the style.css

    as well as a few css plug ins

  11. Brian Holloway
    Member
    Posted 1 year ago #

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

  12. Andrew
    Forum moderator & snail smusher
    Posted 1 year 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 1 year 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 & snail smusher
    Posted 1 year 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 & snail smusher
    Posted 1 year ago #

  16. Wolfs bRain
    Member
    Posted 1 year 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 1 year 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 1 year ago #

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

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

  19. Brian Holloway
    Member
    Posted 1 year ago #

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

  20. Andrew
    Forum moderator & snail smusher
    Posted 1 year 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 1 year ago #

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

  22. Wolfs bRain
    Member
    Posted 1 year 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 @(*_*)@

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags