Squished Images

  • Resolved powerrangersnow

    (@powerrangersnow)


    7 years, 10 months ago

    Hi,

    On mobile, I’m having the issue where images in the Homepage Main Post Grids are squished. See the image below. I already added the code below, but it doesn’t work 100% of the time. Only some of the time. Any idea how to fix this?

    .entry-content img {
width: 100%;
height: 100%;
}

.entry-content iframe {
width: 100%;
height: 100%;
}

.featured_image img {
width: 100%;
height: 100%;
}

.single .featured_image {
text-align: center;
}
.featured_image img{
height: auto !important;
max-width:100%;
}

    [Moderator note: code fixed. Please wrap code in the backtick character or use the code button.]

    Additionally, there’s 2 things I’d like to remove. The first is remove the categories on the Header Post Grid. The second is stopping the comments from numbering. See screenshots of each below. Is this possible? Any help would be appreciated!

    • This topic was modified 7 years, 10 months ago by bdbrown.
    • This topic was modified 7 years, 10 months ago by bdbrown.
Viewing 1 replies (of 1 total)
  • Thread Starter powerrangersnow

    (@powerrangersnow)

    Hi everyone,

    Someone else had to help me fix this issue. If anyone else is having it, here is the solution.

    In the Appearance > Customizer > Additional CSS, add this code:

    img {
    max-width: 100%;
    height: auto;
}
Viewing 1 replies (of 1 total)
  • The topic ‘Squished Images’ is closed to new replies.