Archived topic
Space between the categories in the post
12 replies · Started by Roger on June 21, 2022
Hi!
I'm using a background for the categories. I would like to increase the space between the background and the category name. I also need to increase the distance between the categories. (link in box).
Codes used to customize the categories:
.cat-links a {
padding: 2px;
margin-right: 2px;
}
.cat-links a {
background-color: #355c31;
color: #fff;
}
.cat-links a:hover {
background-color: #406a38;
color: #fff;
}Hi there,
Can you link me to the page where I can see the categories?
Link in private message box
I'm not asking for the screenshot, can you show me the page where I can see the actual categories tags?
ok
You just need to increase the value in this CSS:
.cat-links a {
padding: 2px;
margin-right: 2px;
}The distance between the categories is ok. But, is it possible to individually increase the space left and right in relation to the green background? (I adjusted the "padding" but it adjusts globally)
Hi Roger,
To clarify, are you referring to increasing the spacing depending on the length of category/green background?
If so, you would need custom JS for that which would be out of our scope of support.
If you’re referring to something else, kindly let us know.
The space can have a fixed size. I just wish the category name wasn't so close to the edge of the green background.
I see. Thank you for clarifying.
You can modify your code into something like this:
.cat-links a {
padding: 3px 20px;
margin-right: 6px;
}Or if you want more specific paddings for each side:
.cat-links a {
padding: 3px 20px 3px 20px;
margin-right: 6px;
}Kindly modify 20px to your preference.
Hope this helps!
Thank you!
You’re welcome Roger!
