- 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 1 month ago #1487
by alainz
How to customize the formated look of the cloud was created 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.
- andrea_4g
- Offline
- Administrator
Less
More
- Posts: 1122
- Thank you received: 163
11 years 1 month ago - 11 years 4 weeks 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.
[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: 11 years 4 weeks 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
Less
More
- Posts: 36
- Thank you received: 0
11 years 4 weeks ago #1492
by alainz
Replied by alainz on topic How to customize the formated look of the cloud
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
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.
- andrea_4g
- Offline
- Administrator
Less
More
- Posts: 1122
- Thank you received: 163
11 years 4 weeks ago - 11 years 4 weeks 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:
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:
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.
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;
}
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;
}
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: 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.
- alainz
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 36
- Thank you received: 0
11 years 4 weeks ago #1496
by alainz
Replied by alainz on topic How to customize the formated look of the cloud
Hi,
Only one problem, i don't have any style.css there, sould I create one?
See my screen shot attachment below:
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.
- andrea_4g
- Offline
- Administrator
Less
More
- Posts: 1122
- Thank you received: 163
11 years 4 weeks ago - 11 years 4 weeks 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
The file you need to edit is:
modules/mod_cpcloud/css/cpcloud.css
Last edit: 11 years 4 weeks ago by andrea_4g.
Please Log in or Create an account to join the conversation.
Time to create page: 0.144 seconds