Hi,
How to increase the size of the category buttons (check link) responsively?
I would like to (at least) double its size.
Hi,
That could be done with some CSS code. The tags have a default padding, that could be enlarged if you want to, like this where it is doubled
– https://www.screencast.com/t/nFwxOhSlyAXg
.td-post-category {
padding: 6px 12px 8px;
}
There is also a setting for the font of the tags in the theme panel, if you want to change the font or font properties (default font size is 10px)
– https://www.screencast.com/t/wYyt5ixnk0j
That code will affect all the category tags, it could be made more precise if needed.
The browser inspector is a very powerful tool and very helpful in this kind of situations
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks
Ok, got it.
One more thing, Simion.
By using the following code, I’ve managed to do this https://imgur.com/a/HDJvI
.td_module_2.td_module_wrap.td-animation-stack{
border-bottom:solid green 4px;
margin:0px 0px 15px 0px;
padding:0px 0px 15px 0px;
}
I Have attained the category colors by using this code:
.td-post-category[href*=""]{
background-color: yellow;
}
I’m aware that I’ve coded the border as Green, but I would like the border to copy the color associated with the color of the category.
With CSS I believe something like that is not possible. The border has a specific color set, and the category tags as well. There is no relation between them so they can inherit design from each other.
The category tag code once a category is entered will be specific to that, but the border code will apply to all modules 2.
Hi,
@palicnjak You could change the black color in general
– https://www.screencast.com/t/m4jn5bkmR3Ik
.td-post-category {
background-color: red;
}
Or per block by setting a custom class to the block
– https://www.screencast.com/t/9Zd67iZm
– https://www.screencast.com/t/5mo8M6vUgxUS
Or by same type modules maybe
– https://www.screencast.com/t/8hMdQOQr