• Resolved ludwigkeck

    (@ludwigkeck)


    The default of Twenty Seventeen makes the content width on the post page rather narrow. After much searching here, I have managed to increase the width of the text, however, images remain at the original width and so do picture galleries. Also the galleries appear to the left. All this gives the page an unbalanced look.

    How can I increase the content column width and make the images and gallery the same increased width?

    This particular question has not been answered. If it has, I apologize for not finding the answer.

    The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I’m not sure I undersatnd the issue. The width has been expanded and that has resolved that problem.

    You’re now facing a different problem, where your content is not aligned to the left? If so, you can remove the central alignment of the images using your Visual editor (when you edit the post/ page). At the moment the images have been centrally aligned using the editor.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If you want to style the gallery wider, I think you need to post on Jetpack’s support (where the gallery comes from): https://www.ads-software.com/support/plugin/jetpack#new-post

    Thread Starter ludwigkeck

    (@ludwigkeck)

    Thank you, Andrew,

    My problem is that the text is wider but the images are not as wide as the text. They are set center – full width. The center setting works, but the width does not. The images are sufficiently large (1600px), so that is not the problem.

    It is only the galleries that are left and also not full width. I will see if I can get help on the Jetpack forum. Thank you for the suggestion.

    • This reply was modified 6 years, 8 months ago by ludwigkeck.
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    When I checked yesterday, the majority of images inside the posts were smaller than the width of the container. Making them 100% of the container in CSS would stretch the image and produce a pixelated effect. Instead, I recommed uploading larger images.

    • This reply was modified 6 years, 8 months ago by Andrew Nevins.
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Is the issue resolved? I see the images larger.

    Thread Starter ludwigkeck

    (@ludwigkeck)

    Thank you very much, Andrew, for your help and for following up.

    The issue is now resolved. I would up with the following code in Edit CSS – Additional CSS:

    
    .wrap { 
    max-width: 1400px; 
    }
    /*For Content*/
    .has-sidebar:not(.error404) #primary {
    width: 70%;
    }
    /*set the sidebar width and alignment*/
    .has-sidebar #secondary {
    width: 25% !important;
    float: right;
    }

    After that the images were not the right size. I spent way to much time before I realized that I had never scrolled beyond the code window. There, to my great embarrassment, is a entry field “Media Width”. I set it to 900px, and now the issue is resolved. I just finished testing in several browsers at several sizes, and all is well. Except, of course for my face, which is still beet red.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Oh I see, thanks for coming back and sharing the solution. Don’t feel too bad, I didn’t spot it either.

    May I reopen this topic?
    I am finding that the homepage and the pages which display when scrolling down from the homepage display at about 900px wide. When I view the pages by clicking the navigation to those pages they display properly and closer to 1300px wide. I have tried adding full-width templates and various css but the problem persists. https://sensepropertiesllc.com/

    The problem is difficult to describe but easy to see. If you view the About page by clicking About from the main menu it will display correctly. If instead you click the Home page and scroll down you will see that the text and image displays super narrow. It appears to be around 800 or 900px wide. Same for all of the other pages. Viewing the Rental Application makes the situation obvious. Viewing one way the form displays correctly, displaying from scrolling down the homepage and the form looks too skinny, just like the about page.

    This has been going on since installing a clean updated Twenty Seventeen theme. Since then I have made many modifications to try to correct it. Other people must be having this problem also. It is a nice looking theme if only I can get past this issue.

    Why does it do this and how can I fix it?

    • This reply was modified 6 years, 5 months ago by IanErickson.

    Follow Up, I tried many things and was unsuccessful in changing the single column default page width from the 740px. I saw someone recommending a plugin called Yellow Pencil. Of course only the Pro version included the functionality to adjust the page width. Within 15 minutes of installing the Pro Yellow Pencil plugin the page width problem was fixed. Many other aspects of the theme can be adjusted also using this plugin.

    I would still like to know the proper way to adjust the page width on the WordPress Twenty Seventeen theme without a plugin.

    I’m a total newbie to WordPress. I wonder if @ianerickson has found a solution to this, because I’m having the same issue. I’ve been trying all sorts of adjustments and finally the latest posts on my homepage and the single post page seem centered, but the overall width shown on my homepage is too narrow, and the single post page has a full width featured image but the words are the same width as the homepage.

    Much appreciated if anyone can shine some light to this issue, thank you!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Twenty Seventeen Post Page – Content width’ is closed to new replies.