Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 9, 2022 at 6:13 pm #1368143
    Sovietovic

    Hi,
    In my previous topic https://kriesi.at/support/topic/blog-small-featured-image-is-resized-ignoring-styling/ you added me css code to properly display small images on my blog pages. 

    
#top .big-preview img {
  width: auto;
  margin: auto;
}

    When I finished my web I can see that it broke the image sizing for different type of blog style.
    Can you please provide me proper css only for “Single post, big preview Pic + Full content” but not change it for “Layout + Title and Excerpt”.

    See my webpage where you can see that after the blog post is moved to second type, pictures are different sizes breaking grid. In this second blog part it is fine that small image is automatically bigger.

    October 10, 2022 at 6:02 am #1368194
    Nikko

    Hi Sovietovic,

    The code given does not apply to other blog styles.
    The problem is with the very small featured image, you can test this by removing the code we gave.
    In order to force the grid layout to have a uniform size please try to add this CSS code:

    #top .avia-content-slider .slide-image img {
    height: 400px;
    width: 100%;
}

    Best regards,
    Nikko

    October 10, 2022 at 9:05 am #1368218
    Sovietovic

    Thanks Nikko,
    This worked perfect .. Please close this thread.

    October 10, 2022 at 9:31 am #1368227
    Nikko

    Hi Sovietovic,

    We’re glad that we could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘blog layout featured image breaks grid after css changes’ is closed to new replies.