How to customize the formated look of the cloud

alainz
Topic Author
Offline
Junior Member

10 years 6 months ago #1498 by alainz

Replied by alainz on topic How to customize the formated look of the cloud

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

10 years 6 months ago #1499 by alainz

Replied by alainz on topic How to customize the formated look of the cloud

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

10 years 6 months ago #1500 by alainz

Replied by alainz on topic How to customize the formated look of the cloud

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.

andrea_4g
Offline
Administrator

10 years 6 months ago - 10 years 6 months 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;
}

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: 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.

Time to create page: 0.177 seconds