Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 22, 2015 at 11:16 am #506910
    Herr von Draussen

    Hi Enfold team,
    I’m using the blog layout without sidebars. Now I would like to increase the width of the content for big screens. For smaller resolutions the width must stay at 100%. This is one blog post, I would like to increase:
    http://vondraussen.com/costa-rica-nass-und-gluecklich/
    I tried several code snippets from other threads but none of them worked so far.
    Thanks in advance
    Oliver

    September 22, 2015 at 12:05 pm #506937
    Yigit

    Hey Oliver!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

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

    Cheers!
    Yigit

    September 22, 2015 at 8:03 pm #507321
    Herr von Draussen

    Hi Yigit,
    thanks for your quick reply! 100% was too wide and 80% also affected the mobile layout, so I slightly changed your suggestion to this:

    @media only screen and (min-width: 768px) {
#top .fullsize .template-blog .post .entry-content-wrapper > *, #top .fullsize .template-blog .post .entry-content-wrapper {
max-width: 80%; 
margin: 0 auto;
}}

    It works perfectly.
    Thank you!
    Oliver

    September 22, 2015 at 9:42 pm #507363
    Basilis

    Hi!

    Glad you got it shorted!
    Let us know if we can do anything else for you!

    Best regards,
    Basilis

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Change width of blog posts for big screens’ is closed to new replies.