[Gnosis123Participant]

Can’t seem to get rounded corners on my main blog page. I’m using:

.blog .post {
margin-bottom: 20px;
border-radius:15px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

Space between posts are fine as is shadow… but radius? Nope.

[ZeshanMember]

Hi there,

Thanks for writing in! To assist you with this, we’ll first need you to provide us with your URL as stated on the forum entrance page. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you.

Thanks!

[Gnosis123Participant]

This reply has been marked as private.

[ZeshanMember]

Hi there,

Thanks for the URL!

To make the blog posts rounded, please replace your CSS with following:

.blog .post {
  margin-bottom: 20px;
  border-radius: 15px!important;
  overflow: hidden;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

Thank you!

[Gnosis123Participant]

Fantastic. Thank you. I’ve spent hours trying to do it!

[Paul RModerator]

You’re welcome! 🙂

[Author]

Posts