How to customize the formated look of the cloud

  • alainz
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
11 years 4 weeks ago #1498 by alainz
inside the modules/mod_cpsearch/css/ I have cpsearch.css, 0.cpsearch.css, jquery-ui.css and jquery-ui.autocomlete.css
but no styl.css nor cpcloud.css ...

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

  • alainz
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
11 years 4 weeks ago #1499 by alainz
By the way, when we find the correct css file to modify, let me know also how to change the color of the text, I will try to use different grade of orange per size going from yellow for least frequency to red for higher frequency.
thanks

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

  • alainz
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
11 years 4 weeks ago #1500 by alainz
I find the correct css, it is in fact inside the modules/mod_cpcloud/css/cpcloud.css
not inside the mod_cpsearch... :)

The font size and weight adjustment works fine!
I am still trying to figure out how to modify the color though ...?
Cheers

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

More
11 years 4 weeks ago - 11 years 4 weeks ago #1503 by andrea_4g
Replied by andrea_4g on topic How to customize the formated look of the cloud
In fact I succeded in pointing to the wrong file three times. :(

If you want to change the color add the following statement:

color: <color name or hexadecimal code>;

example
Code:
.cpcloud5{ font-size : 22px; font-weight: bold; color: orange; }
or
Code:
.cpcloud5{ font-size : 22px; font-weight: bold; color: #FFA500; }
It'll change the color of the bigger tag into orange.

To know the hexadecimal code for a color, search for 'CSS color picker'.
Last edit: 11 years 4 weeks ago by andrea_4g.
The following user(s) said Thank You: alainz

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

Time to create page: 0.163 seconds