[Resolved] changing the categories style

[Halil]

Hi there,

I have tried some css given in the gp forum to change style and look of categories tag, listed at bottom of the posts without success.

What kind of css code should I write to make categories look like the ones in this sample page?
https://powerbi.microsoft.com/en-us/blog/

[Leo]

Hi there,

Like having a background color?

If so try this:

.cat-links a {
    background-color: #000000;
}

Let me know.

[Halil]

thanks for answering Leo, I am aware that this request is far more than a regular support.

I am trying to replicate the same affect as it’s seen on this page (another one)

https://www.kasperonbi.com/

U see the red background for each of the cat tags. is it possible to achieve that?

[Leo]

Hmm did you try my CSS above? It should do that.

[Halil]

Yes I did Leo.

Partially worked. How can I remove the “folder” icon and “comma” between cats names.

[Halil]

Now it’s very close to what I want, except folder icon and comma between cat names.

[Halil]

also is it possible to remove tag showing the number of comments?

[Leo]

Folder icon can be removed with this:

.cat-links:before {
    display: none;
}

Comment can be done through the customizer: https://docs.generatepress.com/article/blog-content-layout/

Comma is more complicated: https://generatepress.com/forums/topic/change-category-links-style-position/#post-480156

[Halil]

excellent! thanks a lot.

[Leo]

No problem 🙂 Cool style I must say!

[Halil]

thanks. with the help of gp and you I must say!

[Halil]

removing comma didnt work, it messed up everything. is there any other way?

[Halil]

I have copied and pasted the code given into functions.php.

[Halil]

if category name is long, half of the name breaks into next line. can I show the category name as a whole? not breaking half in one line, another half in the next line?

[Leo]

Actually try this to remove comma instead: https://gist.github.com/generatepress/18e41e03783b5c7e86402d429e64efc0

[Author]

Posts