1. nicolewarnerllc
  2. Commercial Templates
  3. Tuesday, 08 July 2025
  4.  Subscribe via email
Hello!
I've gotten a lot of compliments on the new website, and it's not even finished yet! Well done!

I had to take a break from working on the site to move (yikes!), and may have lost track of this, so I could use some help. How do I modify the tags in the articles (#2 on the screenshot, attached) so they look like the tags in the tag cloud (#1 on the screenshot, attached)?

Thanks very much for sending me in the right direction!
Nicole
Attachments (1)
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

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

Ciaran
Accepted Answer Pending Moderation
0
Votes
Undo
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
Accepted Answer Pending Moderation
0
Votes
Undo
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
Accepted Answer Pending Moderation
0
Votes
Undo
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
Accepted Answer Pending Moderation
0
Votes
Undo
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
Attachments (1)
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok