Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 30, 2016 at 11:01 am #679324
    bauchope

    Hi,
    I would like to change the layout of the individual posts so that they are not in a narrow paragraph in the middle of the page but spread across the whole of the page. Is this possible?
    At the moment I have set up the single post option as Multi Author blog.
    Details of the page below
    Cheers

    September 1, 2016 at 6:51 am #680499
    Rikard

    Hi bauchope,

    Did you try the Masonry element to display your blog posts?

    Thanks,
    Rikard

    September 1, 2016 at 10:38 am #680595
    bauchope

    Hi,
    I used the following css to sort it – which it has but now the posts have disappeared from the mobile version!
    #top .fullsize .template-blog .post .entry-content-wrapper > *, #top .fullsize .template-blog .post .entry-content-wrapper { max-width: 100%; }

    Any suggestions please?

    September 1, 2016 at 12:16 pm #680658
    vad1mo

    I have exactly the same issue the blog post content is to narrow. Even if I don’t have any sidebar it is 600px wide max. 

    #top .fullsize .template-blog .post .entry-content-wrapper > * {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;

    If I remove the line max-width: 600px; then it is 800px default because it is defined here.

    #top .fullsize .template-blog .post .entry-content-wrapper {
    text-align: justify;
    font-size: 1.15em;
    line-height: 1.7em;
    max-width: 800px;
    margin: 0 auto;
    overflow: visible;

    I don’t won’t is to create a custom single post layout and maintain it. I want to modify the default one and be it a bit wider. Is there an option to do so?

    September 6, 2016 at 5:12 am #682413
    Ismael

    Hi,

    Please use this code in the Quick CSS field to increase the default width of the posts wrapper:

    #top .fullsize .template-blog .post .entry-content-wrapper {
    max-width: 100%;
}

#top .fullsize .template-blog .post .entry-content-wrapper>* {
    max-width: 100%;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.