How to make page content wider?

  • Resolved andreaag

    (@andreaag)


    8 years, 6 months ago

    I want to make the page text area wider, so it texts extends wider.
    I have tried:

    #page {
    width: 980px;
    }
    #content {
    width: 960px;
    }

    Also I tried changing sidebar widths and nothing works!

    and all it does is change the site page width as a whole and shifts the page text instead of making the text area wider.

    Theme: Simppeli (child theme)
    Web: http://513.c62.myftpupload.com/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter andreaag

    (@andreaag)

    8 years, 6 months ago

    http://tenttech.com/

    it needs to extend like the website above.

    Chris Cook

    (@cccamuseme)

    8 years, 6 months ago

    Replace code ( max-width: 37.5em; ) of your style.css on line 892 with ( max-width: 980px; ) it should look like below.

    .page-content, .entry-content, .entry-summary, .entry-footer, .comments-area {
    color: #4d4d4d;
    margin-left: auto;
    margin-right: auto;
    max-width: 980px;
}
    stephencottontail

    (@stephencottontail)

    8 years, 6 months ago

    Be aware that if you edit your theme’s stylesheet directly, you’ll lose those changes if the theme is ever updated in the future, to fix bugs or security issues or to add new features. Since you’re using a child theme, you should instead add this code to your child theme’s stylesheet:

    .page-content, .entry-content, .entry-summary, .entry-footer, .comments-area {
    max-width: 980px;
}
    Thread Starter andreaag

    (@andreaag)

    8 years, 6 months ago

    @cccamuseme,
    Your code worked! Thank You! I just copied and pasted it to my style sheet in child theme and it worked like a charm!

    Chris Cook

    (@cccamuseme)

    8 years, 6 months ago

    Glad to help..

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to make page content wider?’ is closed to new replies.