Archived topic
Custom tag appearance
3 replies · Started by Clare on May 9, 2018
I'm trying to get my tag cloud to look like the tag cloud here: http://www.kwernerdesign.com/blog/
I was able to style it as far as it was by using the PHP Tom provided in this thread: https://generatepress.com/forums/topic/how-to-style-tags-and-tag-cloud/ ,
and I added this custom bit in CSS:
.tagcloud a {
border: 1px solid;
border-color: #86d1d2;
font-size: 14px;
But the border is way too close to the text, and doesn't space out at all, like in the first link.
Hi there,
To create something like the example, try this CSS:
.tagcloud a {
background-color: #000;
padding-left: 5px;
padding-right: 5px;
}Let me know.
I figured out I had to customize the line-height as well, because just adding the padding didn't clean it up enough. Thanks for your help, Leo!
No problem!
