Obsah článku:
- How to make rounded corners at GeneratePress WordPress template
- How to edit a template
- Rounded corners on articles
- How to make rounded corners on comment area
- Rounded corners on paging navigation
- How to make rounded corners on inside article (on single page content)
- More content about WordPress
Last updated December 6th, 2023 06:22
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 area. So take a look on little guide, how to make rounded corners at GeneratePress WordPress template. It is easy and effect is great.
One of the most remarkable features of GeneratePress is its customization options. The theme offers a wide range of settings that allow users to customize almost every aspect of their website, including colors, typography, layout, and more. Moreover, GeneratePress is also compatible with popular page builders such as Elementor, Beaver Builder, and others, which means that users can create stunning pages with ease.
Another advantage of GeneratePress is its SEO-friendly code, which helps to improve your website's search engine rankings. Additionally, the theme is also fully responsive, meaning that your website will look great on any device, whether it's a desktop, tablet, or mobile.
Overall, GeneratePress is an excellent choice for anyone looking for a fast, flexible, and customizable WordPress theme. Its lightweight design, extensive customization options, and compatibility with popular page builders make it an ideal choice for creating professional and engaging websites.
How to make rounded corners at GeneratePress WordPress 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;
}
How to make 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;
}
How to make rounded corners on inside article (on single page content)
.inside-article {
border-radius: 30px;
overflow: hidden;
}
The website is created with care for the included information. I strive to provide high-quality and useful content that helps or inspires others. If you are satisfied with my work and would like to support me, you can do so through simple options.
Byl pro Vás tento článek užitečný?
Klikni na počet hvězd pro hlasování.
Průměrné hodnocení. 5 / 5. Počet hlasování: 2
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.
Subscribe to the Newsletter
Stay informed! Join our newsletter subscription and be the first to receive the latest information directly to your email inbox. Follow updates, exclusive events, and inspiring content, all delivered straight to your email.