Inconsistent sizing with single images on different posts

  • Resolved gdaytaiwan

    (@gdaytaiwan)


    7 years, 3 months ago

    Hi support team

    Apologies if this issue keeps coming up but I’ve been trying different things for awhile now and it’s just not working. So thanks to you, I’ve managed to make some of my images full width, like so: https://www.gdaytaiwan.com/2017/09/01/another-blog-sun-moon-lake-not/

    As you can see, if it’s a single image, it should be full width (for now that’s all I can do until i figure out how to make Jetpack Galleries full width too). However on this page, for some reason, the single images don’t match up!
    https://www.gdaytaiwan.com/2017/10/03/minimosey-zhongshan/

    I know it comes down to this css:

    @media screen and (min-width: 75em) {
    .site-content .gallery-columns-1.gallery a img {
        max-width: 200%;
        width: 200%;
        margin-left: -100%;
        margin-right: -100%;
    }
}

    but why does it affect some posts and not others? Please help!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Hi there, so sorry this got lost in the shuffle. I would change what you have to this. The images on the Sun Moon page in the single galleries are linked whereas the ones on the Zhongshan page are not, so you need to include selectors for each of those cases like this.

    @media screen and (min-width: 75em) {
    .site-content .gallery-columns-1 .gallery-item a img, .site-content .gallery-columns-1 .gallery-item img {
        width: 200%;
        max-width: 200%;
        margin-left: -100%;
        margin-right: -100%;;
    }
}
    Thread Starter gdaytaiwan

    (@gdaytaiwan)

    Thank you so much! That fixed everything!

    And not a problem about the delay. Hope you had a wonderful holiday season.

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    I hope you did also, and you are welcome.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Inconsistent sizing with single images on different posts’ is closed to new replies.