Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 25, 2015 at 2:27 am #417517
    xfacta

    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

    March 25, 2015 at 8:32 pm #418128
    Elliott

    Hi xfacta!

    Add this to your custom CSS.

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

    Best regards,
    Elliott

    March 25, 2015 at 11:50 pm #418211
    xfacta

    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

    March 25, 2015 at 11:53 pm #418213
    xfacta

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

    March 27, 2015 at 3:22 am #419049
    xfacta

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

    Cheers

    March 28, 2015 at 5:21 am #419721
    Ismael

    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

    March 28, 2015 at 8:25 am #419805
    xfacta

    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

    March 30, 2015 at 6:39 am #420209
    Ismael

    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

    March 30, 2015 at 8:36 am #420257
    xfacta

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

    Cheers

  • Author
    Posts
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.