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;
}
Byl pro Vás tento článek užitečný?
Klikni na počet hvězd pro hlasování.
Průměrné hodnocení. 0 / 5. Počet hlasování: 0
Zatím nehodnoceno! Buďte první
Je mi líto, že pro Vás nebyl článek užitečný.
Jak mohu vylepšit článek?
Řekněte mi, jak jej mohu zlepšit.