[Resolved] Custom tag appearance

[Clare]

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.

GeneratePress 2.1.1

GP Premium 1.6.2

[Leo]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Clare]

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!

[Leo]

No problem!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts