If you’re using Generatepress template, you’ve certainly noticed a design with square corners. Square corners are in the post block, pages and in the comments are.
There is a simple way to adjust the design to rounded corners. All you will need are the CSS codes below to edit the template.
How to edit a template
Follow these instructions:
- go to “Appearance” in left side menu in WordPress Administration
- click on “Customize“
- click on “CSS“
Here you are able to add your own CSS code. These codes are exactly what are you searching for.
Rounded corners on articles
.post {
border-radius: 30px;
overflow: hidden;
}
.post {
display: flex;
}
Rounded corners on comment area
.comments-area {
border-radius: 30px;
overflow: hidden;
}
.comments-area {
display: flex;
}
Rounded corners on paging navigation
.paging-navigation {
border-radius: 30px;
overflow: hidden;
}
.paging-navigation {
display: flex;
}
Rounded corners on inside article (on single page content)
.inside-article {
border-radius: 30px;
overflow: hidden;
}
