[Support request] CSS Customization of GeneratePress Theme Tags

[Jericho]

Hello!

I am currently using the GeneratePress theme for my website and I am in need of your assistance in customizing the default design of the tags. I would like to achieve the same design of the tags that can be seen on Medium.com.

Can you help me with some CSS code? I would greatly appreciate any help you can provide.

Screenshot: https://prnt.sc/otbdM3lBCur3

Thank you for your time and support!

[Fernando]

Hi Jericho,

You can try adding this Snippet:

add_filter( 'generate_term_separator', function() {
    return ' ';
} );

Adding PHP: https://docs.generatepress.com/article/adding-php/#code-snippets

Then, add this CSS:

footer.entry-meta .tags-links a[rel="tag"] {
    background-color: rgba(242, 242, 242, 1);
    padding: 2px 8px;
    border-radius: 100px;
    color: rgba(117, 117, 117, 1);
    text-decoration: none;
}

Alternatively, you can use a Block Element – Post Meta Template for that.

Example:
https://share.getcloudapp.com/WnuZjoJ7
https://share.getcloudapp.com/nOu10GkK

[Jericho]

Thanks, Fernando!

[Fernando]

You’re welcome, Jericho!

[jmarc]

Hello there

I would like the same thing for the category entry-meta please. What should I replace ?

Thank you
MArc

[jmarc]

Sorry to have posted this ! I found the solution…
Thank you

[Fernando]

Glad you found the solution!

[Author]

Posts