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

Hi there,

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

You can use the private information field.

Let me know :)

I've linked it here.

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;
}

Thanks Elvin.

All the above css worked.

No problem. :)

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

🤣🤣🤣