Round Posts Corners

Hi! You can do this by adding this to your additional CSS:

div.post {
border-radius: 25px;
}

Edit: Just make sure to adjust the “background-color” to whatever color you’re using on your site, or you’re going to get a black edge around the corners.

• This reply was modified 7 years, 1 month ago by ashe.
• This reply was modified 7 years, 1 month ago by ashe.

Oh damn, you’re right. Try modifying “div.excerpt-container” instead.

Ohhh. Okay. So like the whole thing is rounded without separations, if I understand you correctly? Delete everything I said before and try this instead:

div.featured-image {
border-top-left-radius: 25px;
border-top-right-radius: 25px;
}

div#disqus_thread {
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;
}

It’s working when I test it in inspect element.

• This reply was modified 7 years, 1 month ago by ashe.

Remove all the “border radius” from “div.post” (it also looks like it’s in your code twice). Instead, try this:
div.featured-image {
border-top-left-radius: 25px;
border-top-right-radius: 25px;
}

So basically, you’re getting rid of all the “div.post” modifications, and instead rounding the top of the image and rounding the bottom of the comments section, so it looks like one long strip.
The featured image is inside of “div.post”, but div#disqus_thread is a separate element entirely, so you won’t want to round “div post” because it will show at the bottom. Instead, you want to just round the top, so that it looks like it’s all one seamless line.

Of course! This stuff is always fun for me (:

I think your site looks gorgeous btw.