Archived topic
CSS Customization of GeneratePress Theme Tags
6 replies · Started by Jericho on February 9, 2023
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!
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
Thanks, Fernando!
You're welcome, Jericho!
Hello there
I would like the same thing for the category entry-meta please. What should I replace ?
Thank you
MArc
Sorry to have posted this ! I found the solution...
Thank you
Glad you found the solution!