Category tags styles

Posted in: Newspaper
Post count: 31

Hi all,
I would like to modify the way that category tags are looking. Could you be so kind and help me with the css code to modify them something like that (or close to): https://imgur.com/Z7YI3qW

At the moment they look like this: https://imgur.com/a/AEUrXK7

Post count: 23312

Hello cocktail,

Provide your website URL so I can take a closer look at your category tags and also, so I will be able to provide a more accurate code.

Thanks for the message!

Post count: 31

Hi Catalin, thank you for your reply, here are the links im talking about:
ziarmedical.ro and cocktaildeviata.com.

Regards,
Sorin

Post count: 20688

Hi,

First, to customize the font properties of the tags you can use the theme panel, as a general setting
https://www.screencast.com/t/8HXcSUCTo
Or in the tagDiv composer per block and per module even, example
https://www.screencast.com/t/BIbCqHb0

For the styling some CSS could be used, maybe something like this
http://prntscr.com/k1vxan

.td-post-category {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #561FD4;
}

Per actual category would be somewhat more difficult with CSS, this code will apply to all the category tags. It could be made more precise, similar topic here
https://forum.tagdiv.com/topic/category-label-appearance-on-block-1/

Let me know if you need help.

Thanks

Post count: 31

Hi Simion, everything worked fine. Thanks for your support. One last question if you don’t mind, can you tell the css code for More Article Box to look something like this: https://imgur.com/6HL7xFk but with images.

I belive it’s a matter of width and height type of thing.

Post count: 20688

Hi,

Glad it works, you can post any questions you have here in the forum. We and the community will try to help you.

I will try to help you with the more articles box. I see that the example you mention has no thumbnail for the posts. There are a couple of modules that don’t show a thumbnail
https://www.screencast.com/t/5AGLHkRi
But those don’t show excerpts however. You could select a module with excerpts and hide the thumbnail
https://www.screencast.com/t/9TV1Rls8c5OB
This is the code for that, try it if you wish and see how it works

.td-more-articles-box .td-module-image {
display: none;
}

The number of posts can also be changed – https://www.screencast.com/t/HFpKmd8IZm0

The name of this section can be customized in the theme translations if needed
https://www.screencast.com/t/oerVSlG3j

If you need further modifications to it or this is not what you wanted at all, let me know. Mention what exactly you want to modify about it.

hanks

Post count: 31

Thanks for answering especially on a Saturday. It’s exactly what I was looking for in the reply above. Have a good weekend!

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