Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 30, 2017 at 5:21 pm #815063
    team-denali

    Hi,
    can I change the width of a single blog entry (with NO SIDEBAR)?
    When I remove the sidebar from a blog post I am eventually getting a 800px wide blog post with a approx. 255px margin left and right — 800px looks kind of too slim and is so different from the look & feel of regular pages.

    What I would like to achieve is a full width blog post or let’s say at least the defined width that I get for pages.
    Is that setting available or would I need a new template?
    Thanks!
    Frank

    June 30, 2017 at 7:23 pm #815124
    Sarah

    Hey Frank,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

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

    If that doesn’t work, please provide a link to your site, showing the elements in question.
    Thank you!

    Best regards,
    Sarah

    June 30, 2017 at 8:25 pm #815157
    team-denali

    Hi Sarah,
    Thank you for getting back to me so quickly.

    I tried that hack but with no effect on my blog post.

    I have it right now only on my local machine but you can maybe see what I mean when you go to the ENFOLD 2017 DEMO and EDIT the BLOG entry “A nice post”. However, any other would work as well.
    I made one settings change for that blog post: No Sidebar

    If you then look at that blog post you’ll see that it uses only 800px in width.
    Much space is used for the margin area that extends towards the boundary of the overall site content area.

    I would love if blog posts would behave width-wise (with no sidebar) like PAGES or PORTFOLIO entries use when the sidebar is disabled.
    I can’t attach a screenshot, right? Here’s some HTML instead, hope it makes sense.

    `
    <div class=”container template-blog template-single-blog “>
    /*note: has width is 1410 plus 50px padding*/

    <article class=”post-entry post-entry-type-standard …
    /*note: has a width of 1310 with no padding*/

    <div class=”entry-content-wrapper clearfix standard-content”> …
    /*note: has a width of 800, no padding
    That is where the actual blog post content resides.*/

    Thanks, Frank

    July 2, 2017 at 10:42 am #815499
    Mike

    Hi,
    I tested Sarah’s settings on my localhost, and added “!important;” to it for it to work.

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

    postimage

    Best regards,
    Mike

    July 2, 2017 at 1:05 pm #815524
    team-denali

    Thanks Mike !!
    That does the trick!

    July 2, 2017 at 1:10 pm #815526
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘How to change the width of a single blog entry’ is closed to new replies.