How to customize the formated look of the cloud

alainz
Autore della discussione
Offline
Giovane Utente

Di più

10 Anni 6 Mesi fa #1498 da alainz

Risposta da alainz al 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 ...

Si prega Accesso o Crea un account a partecipare alla conversazione.

alainz
Autore della discussione
Offline
Giovane Utente

Di più

10 Anni 6 Mesi fa #1499 da alainz

Risposta da alainz al 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

Si prega Accesso o Crea un account a partecipare alla conversazione.

alainz
Autore della discussione
Offline
Giovane Utente

Di più

10 Anni 6 Mesi fa #1500 da alainz

Risposta da alainz al 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

Si prega Accesso o Crea un account a partecipare alla conversazione.

andrea_4g
Offline
Amministratore

Di più

10 Anni 6 Mesi fa - 10 Anni 6 Mesi fa #1503 da andrea_4g

Risposta da andrea_4g al 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'.

Ultima Modifica 10 Anni 6 Mesi fa da andrea_4g.

I seguenti utenti hanno detto grazie : alainz

Si prega Accesso o Crea un account a partecipare alla conversazione.

Tempo creazione pagina: 0.131 secondi