Hello @t33b33,
Yes, we override the default font size in order to make all tags look equal.
But you can add this custom CSS in Customizer -> Additional CSS and each tag will inherit it’s inline font size.
[class*="tag_cloud"] .tagcloud a[style*=": 8"] {
font-size: 8pt !important;
}
[class*="tag_cloud"] .tagcloud a[style*=": 10.8"] {
font-size: 10.8pt !important;
}
[class*="tag_cloud"] .tagcloud a[style*=": 12.6"] {
font-size: 12.6pt !important;
}
[class*="tag_cloud"] .tagcloud a[style*=": 14.2"] {
font-size: 14.2pt !important;
}
[class*="tag_cloud"] .tagcloud a[style*=": 15.4"] {
font-size: 15.4pt !important;
}
[class*="tag_cloud"] .tagcloud a[style*=": 17.3"] {
font-size: 17.3pt !important;
}
[class*="tag_cloud"] .tagcloud a[style*=": 19.5"] {
font-size: 19.5pt !important;
}
[class*="tag_cloud"] .tagcloud a[style*=": 20.1"] {
font-size: 20.1pt !important;
}
Let me know if this helps.
Cheers.
Thread Starter
t33b33
(@t33b33)
Nice idea. Unfortunately, this only works if you hit the exact font sizes. In my case this would currently be 8pt
, 15pt
, 17.333333333333pt
, 19.2pt
and 22pt
due to the frequency. When the frequency changes, so do the sizes. So you would have to define a custom CSS for all sizes from smallest
to largest
in the sense of wp_generate_tag_cloud
. When you think of sizes like 17.333333333333pt
it can be very many …
The best I can think of is to use a wp_generate_tag_cloud
filter to change the name of the class so that your [class*="tag_cloud"]
no longer matches. Of course, that’s not nice either.
Could you perhaps offer a possibility in the customizer to switch off the fixing of the font size?
-
This reply was modified 2 years, 9 months ago by t33b33.
Hello @t33b33,
Unfortunately at the moment there is no other solution, but you could add more CSS rules for each size you have by, simply inspect the widget code with a browser inspector find what size is not handled and add it to your CSS, something like this:
[class*="tag_cloud"] .tagcloud a[style*=": 19.2"] {
font-size: 19.2pt !important;
}
[class*="tag_cloud"] .tagcloud a[style*=": 22"] {
font-size: 22pt !important;
}
Anyway, we will think for a more easy way of doing this but can’t promise nothing for now.
Thread Starter
t33b33
(@t33b33)
I keep thinking about it. Nevertheless, thank you very much for your great theme and the excellent support for it.
You’re welcome @t33b33 🙂
Let us know in case you will find a good solution.
We will also think more about this, maybe we will be able to come with an easy and clean solution.
Let us know in case you will have any other questions.
Cheers.