Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #417517

    Hi there

    On my homepage I have a list of blog posts set to small preview – however the preview is tiny and I can’t seem to change the size of the box that the image previews in. I have changed the settings within to change the image but it only resizes within the preview box – the preview box itself doesn’t get any bigger.

    I have a sidebar on the homepage too.

    I would like the image box to be at least twice as big – and am happy to have a smaller gap between image and text.

    Cheers

    #418128

    Hi xfacta!

    Add this to your custom CSS.

    .template-blog .blog-meta, .template-blog .blog-meta * {
      height: 200px;
      width: 200px;
    }

    Best regards,
    Elliott

    #418211

    Hi there

    thanks for that it worked :-)

    However it has now changed the display of the single post once you click through. http://silvanalapegna.com/upcoming-talk-intuition-vs-thinking/

    Cheers

    #418213

    Oh and also the main blog page :-(
    http://silvanalapegna.com/inspiration/

    #419049

    Also when you view on mobiles the pics don’t show at all.

    Cheers

    #419721

    Hey!

    The images are hidden on mobile devices because there’s just not enough space to contain the timeline and content. Anyway, you add this to display the images:

    @media only screen and (max-width: 767px) {
    .responsive .template-blog .blog-meta, .responsive .post_author_timeline, .responsive #top #main .sidebar {
      display: block;
    }}

    You can change the single post style on Enfold > Blog Layout > Single Post Style.

    Cheers!
    Ismael

    #419805

    Hi there

    thanks for this – it fixed the homepage and the main blog page but now when you go to a posts category page the images a squished: http://silvanalapegna.com/category/relationships/

    Also when you view the homepage on a mobile its not displaying correctly either – shows pic but text is cut off at the side.

    Cheers

    #420209

    Hi!

    Add this code to fix the squished image:

    #top .fullsize .template-blog .blog-meta {
      width: 200px;
    }

    This is the the featured images are not enabled on mobile devices by default. Try to decrease the image size:

    @media only screen and (max-width: 767px) {
    .template-blog .blog-meta, .template-blog .blog-meta * {
      width: 60px;
      height: 60px;
    }}

    Cheers!
    Ismael

    #420257

    Thank you so much!! that did the trick :-)

    Cheers

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Advance Layout editor using Blog Posts, small preview pic too small’ is closed to new replies.