[Resolved] How to remove border-radius on single post page, mobile view?

[Jericho]

Hello Guys,

I need help with some CSS code.

How can I disable/remove border-radius on a single post page, mobile view?

Screenshot: https://prnt.sc/px6eat

I used this code to add border-radius on my images.

img.attachment-full.size-full {
border-radius: 10px;
}

Thanks!

[Leo]

Hi there,

What if you edit the code to this?

@media (min-width: 769px) {
    body:not(.single) img.attachment-full.size-full {
        border-radius: 10px;
    }
}

[Jericho]

Hi Leo,

Not exactly what I want. The code you gave also removed the border-radius on all images in the mobile view.

To simplify my problem, here’s what I want to achieve.

I want to keep the border-radius on all images on the other part of my blog (homepage, category, tags, etc.) but remove it on every single post specifically in the featured image.

[Leo]

Try this in Additional to your own CSS.

@media (max-width: 768px) {
    body.single .inside-article .featured-image img {
        border-radius: 0;
    }
}

[Jericho]

Exactly what I want. Thanks Leo! 🙂

[Leo]

No problem 🙂

[Author]

Posts