Change colour/ style of Tag Cloud

Support
#1

Hi the tag cloud is shown on the sidebar https://www.honestlynatural.com.au/blog/ i want to make it abit bigger with black text and white with black border if possible.

#2

Hello @TinyLewy,

Thanks for writing in! :slight_smile:

Please add this CSS code into X > Theme Options > CSS:

.widget_tag_cloud .tagcloud a {
     background-color: #fff !important;
     color: #000 !important;
     font-size: 16px !important;
}

Hope this helps.

#3

Um, this didn’t make any change. Any other ideas?

#4

Hello there,

Sorry for that. Kindly update your CSS code to:

.widget_tag_cloud .tagcloud a {
    background-color: #fff !important;
    color: #000 !important;
    font-size: 16px !important;
    border: 2px solid #000 !important;
}
.widget_tag_cloud .tagcloud a:hover {
    background-color: #000 !important;
    color: #fff !important;
}

Let me know if that answers your question.

Thank you.

#5

Hi, I have done this however nothing is happening when i add this code.

Thanks

#6

Hello there,

That is odd. Can you share us your Wordpress admin username/password so we can take a closer look?

Thank you!

#7

private message sent thank you.

#8

Hello there,

Thank you! It seems I currently can’t visit your website, it’s taking time to load.

#9

Ok weird, i can get in straight away no problems.

#10

Hello there,

It’s now fixed. You can check it in https://www.honestlynatural.com.au/blog/

A } was just missing on your CSS code that is why it wasn’t working.

Let me know if you have any question.

Thank you.

#11

Thank you looks much better.

#12

You’re welcome. :slight_smile:

#13

Hi, I have noticed this is displaying on the blog page but its still showing the old way on the shop page https://www.honestlynatural.com.au/shop/ How do i fix this?

#14

You targeted your blog only.

Remove .blog in the selector to target all tag cloud items regardless of page.

Thanks.

#15

thank you, that worked but now the menu won’t work on the mobile- this theme is very stressful.

#17

Hello there,

You’re mobile menu is now working fine. I have just cleared your style cache in X > Settings.

It might have happened that you just manually updated your theme. After updating, you should also clear your style cache to avoid old CSS/JS to be rendered as this might could potentially bring conflicts or errors.

Here’s a guide you can use next time you have website frontend issues:

Hope this helps.

#18

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.