Blog.jirivanek.eu      Digitální zápisník

How to make rounded corners at GeneratePress WordPress template

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

More content about WordPress

Whole category is here

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í

Jak užitečný vidíte tento článek.

Sledujte mě na sociálních médiích.

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.

Odebírat
Upozornit na
guest
0 Komentáře/ů
Vložené zpětné vazby.
Zobrazit všechny komentáře.

Pokud mi chcete napsat rychlou zprávu, využije, prosím, níže uvedený
kontaktní formulář. Děkuji.

Další Kontaktní údaje