Archived topic
How to remove border-radius on single post page, mobile view?
5 replies · Started by Jericho on November 14, 2019
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!
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;
}
}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.
Try this in Additional to your own CSS.
@media (max-width: 768px) {
body.single .inside-article .featured-image img {
border-radius: 0;
}
}Exactly what I want. Thanks Leo! :)
No problem :)
