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

Home Forums Support How to remove border-radius on single post page, mobile view?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1063547
    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!

    #1063577
    Leo
    Staff
    Customer Support

    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;
        }
    }
    #1064509
    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.

    #1064513
    Leo
    Staff
    Customer Support

    Try this in Additional to your own CSS.

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

    Exactly what I want. Thanks Leo! 🙂

    #1064954
    Leo
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.