How to customize the formated look of the cloud

  • alainz
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
10 years 6 months ago #1487 by alainz
How can I customize the look of the cloud, is there further optional module available to change the theme?

Please Log in or Create an account to join the conversation.

More
10 years 6 months ago - 10 years 6 months ago #1489 by andrea_4g
Replied by andrea_4g on topic How to customize the formated look of the cloud
You can customize the cloud by editing the relevant CSS file:
[strike]modules/mod_cpsearch/css/style.css[/strike]
modules/mod_cpcloud/css/cpcloud.css

The default css stylesheet does the bare minimum as not to override your template CSS and to make use of the styles the template authors defined for links.
Last edit: 10 years 6 months ago by andrea_4g. Reason: wrong file name, again

Please Log in or Create an account to join the conversation.

  • alainz
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
10 years 6 months ago #1492 by alainz
Thank you for your very prompt follow-up, I almost lost hope to have such support speed since I join the joomla comunity...:) you're marking a lot of good points in my list of suppliers here!

To come back to the customization, I am not a coder and CSS always need gidance and example for me to adventure in it..
The least I am looking for is:
-1- to increase the font size range from the minimum (witch is fine) to the largest (that could go 5 to 10 point larger than what I get for now).
-2- to be able to control rate at which it is regenerated to create a sort of attention catcher while the words are re-shuffling...

Hope you can help me with that...
Alain

Please Log in or Create an account to join the conversation.

More
10 years 6 months ago - 10 years 6 months ago #1494 by andrea_4g
Replied by andrea_4g on topic How to customize the formated look of the cloud
- increase font size:
inside file [strike]modules/mod_cpcloud/css/style.css[/strike] modules/mod_cpsearch/css/cpcloud.css you find the following lines that determine the font size:
Code:
.cpcloud1{ font-size : 10px; } .cpcloud2{ font-size : 11px; } .cpcloud3{ font-size : 12px; } .cpcloud4{ font-size : 14px; } .cpcloud5{ font-size : 16px; }
Tags used less frequently are given the CSS class .cpcloud1. Most frequent tags are given CSS class .cpcloud5
You can make the font bigger by changing the font-size statement. E.g. from 16px to 22px.
Also you can make the font bold by adding the following statement.
font-weight: bold;
Example:
Code:
.cpcloud5{ font-size : 22px; font-weight: bold; }
With this change the most prevalent tags will be rendered with a 22px bold font.

Point 2 is not clear to me. In fact the tag cloud is generated before the page is displayed and no transformations occurs afterwards.
Last edit: 10 years 6 months ago by andrea_4g.
The following user(s) said Thank You: alainz

Please Log in or Create an account to join the conversation.

  • alainz
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
10 years 6 months ago #1496 by alainz
Hi,
Only one problem, i don't have any style.css there, sould I create one?
See my screen shot attachment below:

Please Log in or Create an account to join the conversation.

More
10 years 6 months ago - 10 years 6 months ago #1497 by andrea_4g
Replied by andrea_4g on topic How to customize the formated look of the cloud
I apologize. I wrote the wrong filename, twice.
The file you need to edit is:
modules/mod_cpcloud/css/cpcloud.css
Last edit: 10 years 6 months ago by andrea_4g.

Please Log in or Create an account to join the conversation.

Time to create page: 0.181 seconds