- Posts: 36
- Thank you received: 0
How to customize the formated look of the cloud
- alainz
- Topic Author
- Offline
- Junior Member
Less
More
11 years 4 weeks 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
11 years 4 weeks 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
11 years 4 weeks 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
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
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: 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.160 seconds