[Support request] I want to add border radius of 8px only to the post and page containers.

[Shami]

I want to add border radius of 8px only to the post and page containers.

I’ve added this css:

.separate-containers .inside-article, .sidebar .widget {
border-radius: 8px;
}

But it’s not working on the containers below the post.

How do I do it?

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know 🙂

[Shami]

I’ve linked it here.

[Elvin]

Hi,

You seem to already have the CSS code for the nav links as shown here: (from sccss file, perhaps a plugin?)

.post-navigation .nav-links div {
    display: flex;
    flex-direction: column;
    flex: 1 0 calc(50% - 2px);
    margin: 2px;
    padding: 30px;
    box-sizing: border-box;
    position: relative;
    background-color: #ffffff;
    border: 1px solid #f3f3f3;
    transition: background 0.2s;
    border-radius: 2px;
}

You can simply change the border-radius values here to 8px.

If that doesn’t work, try this one.

.post-navigation .nav-links > .previous, .post-navigation .nav-links > .next {
    border-radius: 8px;
}

As for the comment box, try this CSS:

.separate-containers .comments-area{
border-radius: 8px;
}

[Shami]

Thanks Elvin.

All the above css worked.

[Elvin]

No problem. 🙂

[Shami]

A wise man once said:
“Have you cleared your cache?”

🤣🤣🤣

[Author]

Posts