DPCalendar

[sigmalfa]

Buongiorno a tt. Di recente, in seguito agli errori che mi evidenziava W3C del componente JEvents, ho adottato DPCalendar. Non mi riesce di trovare un'opzione per "rimpicciolirlo" o almeno "stringerlo" di un pò dato che fuoriesce dal modulo ed esteticamente non va bene. Qualcuno può aiutarmi?
Grazie

[matty80]

ciao,
se non c'è un opzione per farlo devi agire tramite modifiche al codice css

[sigmalfa]

   mi trovo in difficoltà... non ho dimestichezza col linguaggio CSS e non so nemmeno dove intervenire. Potresti cortesemente essere più dettagliato? Grazie

[marine]

Ciao e scusate l'intromissione.
Sigmalfa ti consiglio di installare nel tuo browser firebug.
Con firebug puoi vedere le regole css che comandano l'elemento che ti interessa e fare prove in real time (provvisorie) delle modifiche che apporti al codice.
Se non hai idea di come modificare i css ti consiglio di leggere qualche guida o guardare qualche video corso, se cerchi su google ne trovi a migliaia e solitamente come modificare le dimensioni di un elemento è una delle prime cose che spiegano.

[sigmalfa]

Non è un'intromissione la tua, anzi... Ma a parte la dritta che mi hai dato e di cui terrò conto, in DPCalendar non c'è tab di CSS, l'ho spulciato in tutti i suoi componenti, plugin, da configurazione globale... A meno che non devo agire da template (il mio zhong premium). Quindi innanzi tutto devo capire dove andare per modificare/introdurre il CSS e poi comincio con gli "esperimenti"...
Grazie 

[marine]

Non preoccuparti se il componente non ha il tab css, con firebug troverai il percorso esatto del file in cui devi modificare i css.

[sigmalfa]

CSS
.gm-style .gm-style-mtc label, .gm-style .gm-style-mtc div {
    font-weight: 400;
}
Ecco l'unico CSS che dà nell'esplorazione con firebug

[marine]

è illeggibile

[sigmalfa]

In allegato lo screen del CSS, non vedo il percorso.. 

[marine]

scrivi il link del sito, facciamo prima

[matty80]

Ciao e scusate l'intromissione.

Ciao marine,
non scusarti...... è un piacere averti qui nella comunità

[marine]

Ciao marine,
non scusarti...... è un piacere averti qui nella comunità

Adulatore!!! 

[sigmalfa]

www.icmaestrolorenzopanepinto.gov.it

[matty80]

Adulatore!!! 

    non sono proprio il tipo!

[marine]

da analisi veloce:
il file css che regola il componente è questo

http://www.icmaestrolorenzopanepinto.gov.it/components/com_dpcalendar/libraries/fullcalendar/fullcalendar.css

ho fatto delle prove in velocità con firebug e modificando i valori si vede che la dimensione del calendario cambia.

[sigmalfa]

Grazie! Mi metterò a studiare. Solo due domande (scusa se ti appariranno stupide e banali): basta intervenire sulle stringhe del link che mi hai inviato o devo agire da backend? Ed esattamente su quale stringa hai agito per modificare la grandezza?

[marine]

No, con un client ftp (filezilla o simili) ti scarichi in locale il file indicato e con un editor (Notepad++ o altri) lo modifichi, tutto questo dopo aver fatto le prove con firebug per capire che valore assegnare.
Ora non ricordo la stringa esatta, però firebug ti indica anche il numero di riga del file, oltre che una volta che l'hai scoperta puoi sempre usare la funzione trova del editor.

[sigmalfa]

Chiarissimo! Grazie! Comincio a lavorarci su. Ti aggiorno

[sigmalfa]

Questa la stringa che ho modificato (passando da 100 a 95) con firebug:

<table class="fc-border-separate" cellspacing="0" style="width:95">


Il file fullcalendar.css non mi dà la stessa stringa, ma questa:




.fc-content {
   clear: both;
   zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
   }
   
.fc-view {
   width: 100%;
   overflow: hidden;
   }


Volevo cortesemente chiederti se corrisponde e quindi modificando quel 100% in 95% ottengo il risultato. Grazie