Hello

Would you have a URL to an example of your tag cloud?

Ciaran

Hi Ciaran,
Here you go: https://germanwithnicole.com/blog . You can see the tag cloud on the right and the tags below the articles on the left.
Nicole

Thank you Nicole

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.tags a.btn {

    background: transparent;

    color: #007fbd;

    text-transform: none;

    font-weight: 400;

}

Edit to taste

Ciaran

Hello Nicole,
To reset the character spacing as well, you need to add ‘letter-spacing:0;’ to ciaran's CSS statement. And if you want the background to turn orange on mouse-over, add the following to your Custom CSS:

.tags a.btn:hover {
background-color: #e07212 !important;
}

Ciao,
Andreas

Hi Ciaran, thanks very much!

Hi Andreas, Thank you! I added the letter-spacing line and the consistency is pleasing to the eye. I actually really like how the background color turns blue on mouse-over, it keeps the tags separate from the "Read more" links, which is good for my clients and readers. (See attached.) I'd really like it if the tag cloud on the right (the module) could appear like that, too. This is the "Tags - Popular" module. How can I make that happen?

(Sidebar: I do not code, nor do I write any CSS myself, so I really appreciate all the help.)

Best,
Nicole