- Posts: 36
 - Thank you received: 0
 
How to customize the formated look of the cloud
- alainz
 - Topic Author
 - Offline
 - Junior Member
 - 
  
Less
More
 12 years 1 week 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 ...
but no styl.css nor cpcloud.css ...
Please Log in or Create an account to join the conversation.
- alainz
 - Topic Author
 - Offline
 - Junior Member
 - 
  
Less
More
- Posts: 36
 - Thank you received: 0
 
 12 years 1 week 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
thanks
Please Log in or Create an account to join the conversation.
- alainz
 - Topic Author
 - Offline
 - Junior Member
 - 
  
Less
More
- Posts: 36
 - Thank you received: 0
 
 12 years 1 week 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
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
 - 
  
Less
More
- Posts: 1122
 - Thank you received: 163
 
 12 years 1 week ago         -  12 years 1 week 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
or
It'll change the color of the bigger tag into orange.
To know the hexadecimal code for a color, search for 'CSS color picker'.
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;
}
To know the hexadecimal code for a color, search for 'CSS color picker'.
        Last edit: 12 years 1 week 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.130 seconds