Category Button Size (Simion Pls)

Posted in: Newspaper
Post count: 45

Hi,

How to increase the size of the category buttons (check link) responsively?
I would like to (at least) double its size.

https://imgur.com/ZrhnVV2

Post count: 20688

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

Post count: 45

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.

Post count: 20688

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.

Post count: 1

Hello, how can I change category tag button color. I don’t like black.
Thanks

Post count: 20688

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

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.