- Home
- Categorie
- Coding e Sistemistica
- WordPress
- cambiare carattere e dimensioni testo
-
Purtroppo il sito è ancora in locale (prima o poi lo finirò!) però ti riscrivo il link dell'altro che ho realizzato perchè mi sono accorta che ha lo stesso problema!! habitarinstaterra.it
grazie mille!!
-
Dunque, non sono proprio sicuro, provo solo ad ipotizzare che tu stia usando il tema "Redbel".
Nel pannello di amministrazione vai nell'editor del tema, seleziona Stylesheet (style.css), poi scorri la finestra fino a trovare questo punto qua:/* END RESET */
body {
background:url(images/background.png) #fff repeat-x;
background-position:0 -38px;
font-family:Arial, Helvetica, sans-serif**;**
font-size:13px**;**
color:#666;
}
.website-container {
Modifica ad esempio le dimensioni del carattere portando da 13px a 14px, poi cambia ad esempio il font sostituendo Arial con Georgia.
Premi il tasto Update file. Se hai un plug-in per la cache aggiornala o ricreala prima altrimenti non vedi le modifiche quando aggiorni la pagina nel browser.
Attenzione al ; finaleValerio Notarfrancesco
-
sì il tema è quello esatto!Redbel, mentre in remoto sto usando WP Premium 3.0. Ho provato a fare le modifiche che mi hai detto, ma rimane barrata la riga che mi interessa...
-
Si, la riga ti verrà sempre visualizzata barrata perché è il modo per far capire che poi quella direttiva subisce altre modifiche (Quel css è impostato in quel modo, altri css possono funzionare in modo diverso).
Io ho fatto la prova su un Wp 3.01 di prova ad installare il tema Redbel e il carattere si ingrandisce proprio nel punto che ti ho indicato (riga 64 e 65 sia per il corpo delle pagine sia per il corpo dei post); hai mica un plug-in per la cache attivato?
Prova a incollare la parte del codice css.Valerio Notarfrancesco
-
che stupida!ho dato per scontato una piccola cosa!!le cose che mi hai suggerito funzionano e il carattere e lo stile son riuscita a modificarli! (grazie mille) ora il mio problema è cambiare lo sfondo degli articoli! ho provato a modificare il css ma qualsiasi classe cambio non è mai quella giusta e rimane lo sfondo bianco!:x
-
Perfetto!
La classe che devi modificare in quel tema si chiama article-corps, nel file css la trovi alla riga 339.Valerio Notarfrancesco
-
Funzionaaaaaaaaaaaa!!!!!!
Nell'altro tema però non son riuscita a trovare una classe simile... e mi sembra di aver cambiato un po' tutti i background.... posso farti dei copia incolla dei pezzi di css che dovrebbero essere coinvolti?
-
Magnifico.
Nell'altro tema (quale, mi sto perdendo?) non sei riuscita a trovare quella classe perché quello è un nome di fantasia dato da chi ha fatto quel tema. Ci sono delle classi standard come body, h1, p e classi inventate, se ti fai tu un foglio di stile puoi chiamare le classi come ti preferisci. Quindi un tema può avere delle classi e un altro tema delle altre.
Per capire dove intervenire serve sia il codice css ma anche il codice html per andare a vedere in quale classe è contenuto il testo il cui background vorresti modificare.
Scrivi l'url in forma inattiva e ci proviamo.Valerio Notarfrancesco
-
il tema è WP Premium 3.0 e il sito è quello ancora in locale che quindi non posso indicarti...
altrimenti facciamo così: intanto finisco e poi quando lo pubblicherò ti avviso e se avrai voglia ci riguardiamo! non penso di creare troppi scompensi con uno sfondo bianco...
-
Ok, buon lavoro allora.
Valerio Notarfrancesco
-
son di nuvo io! effettivamente non poter cambiare colore sfondo mi crea qualche problemino grafico così ho pensato a una soluzione! ho trovato un blog che utilizza il mio stesso tema
webdevstudios.com/work-portfolio/cornelia-marie/
se quando hai tempo riuscissi a guardarlo e a illuminami su come si cambia sfondo sarei veramente felicissima!! da quel poco che ho capito modificando un po' il CSS mi sembra che non ci sia una classe già creata per lo sfondo degli articoli, ma quando provo a crearla il colore che ho scelto occupa spazi anche al di fuori dell'aticolo..:bho:non ci capisco niente!grazie!
-
Intendi quel marroncino chiaro?
P.S.
Mi raccomando Ambra, le maiuscole altrimenti diamo più lavoro al moderatore di sezione.
-
Ops mi scuso col moderatore!!
Vorrei cambiare il bianco che si trova intorno al testo.. Se è possibile!
-
Non lo trovi solo perché non è stato assegnato nessun colore alle classi alle quali sono assegnati i blocchi che visualizzano il testo. Però puoi aggiungerlo tu senza problemi.
Mi sembra che il testo sia contenuto dentro una classe chiamata #content.
Prova ad aggiungere background: #F4F3E8; (<-- è il marroncino)
Ovviamente tu puoi mettere il colore che preferisci e ricordati di fare attenzione al punto e virgola finale altrimenti il css non viene interpretato.
Se vuoi che tutto il blocco sia dello stesso colore, aggiungi la proprietà background anche alla classe #container.
Avrai poi qualche ritocchino da fare perché sono usate anche delle immagini per far apparire i bordi, quindi devi ritoccare anche quelle immagini in modo che il colore sia coordinato.Valerio Notarfrancesco
-
Funziona!!!!! Son commossa!
Però non riesco a ottenere il blocco completo aggiungendo a #container la stessa dicitura background: #F4F3E8; . Ho lo sfondo solo a metà...
-
Perfetto Ambra!
Dalle prove che ho fatto si vede il blocco a metà se imposto il background solo alla classe #content (quindi solo gli articoli e quando finiscono lo spazio è bianco).
Se imposto invece il background alla classe #container vedo tutta la pagina con lo sfondo colorato, quindi per tutta la lunghezza.width:940px;
text-align: left;
margin: 0 auto;
padding: 0px 10px;
border: 0px solid black;
clear: both;
overflow:hidden;
height:100%;
background: #F4F3E8;
}
O c'è qualche piccolo errore, magari uno spazio o un punto e virgola e quindi il css non viene interpretato oppure stiamo ragionando magari su un template modificato che è diverso dal tuo.
Prova anche a scriverlo nella forma estesa, quindi al posto di background:; prova con background-color:;Valerio Notarfrancesco
-
Stavolta anche le tue indicazioni non hanno mosso niente!:(
Questo è quello che ho digitato:#container { width:940px; text-align:left; margin:0 auto; padding:0px 10px;
border:0px solid black; clear:both; overflow:hidden; height:100%; background-color: #B5CEBD; }
#content { width:600px; float:left; padding:14px 15px 20px 22px; display:block;
overflow:hidden; background-color:; }
Forse son state effettivamente fatte altre modifiche che il mio tema non ha!
Ambra
-
@AmbraRichiedei said:
Forse son state effettivamente fatte altre modifiche che il mio tema non ha!
Mi sembra plausibile Ambra perché il sito che hai indicato usa una versione molto vecchia del template, c'è scritto la 1.0, mentre se tu l'hai acquistato di recente hai la versione 3 punto qualcosa; probabilmente le classi sono diverse.
Domani, provo a spiegarti come risalire alla classe in modo che tu possa essere autonoma, sempre se sono in grado Io di spiegarti bene.Valerio Notarfrancesco
-
Perfetto grazie mille!!
Allora buona domenica sera!
Ambra
-
Provo a dare qualche suggerimento su come fare a capire la struttura delle classi css in una pagina web.
Farò l'esempio usando Google Chrome come browser, ma anche gli altri browser hanno strumenti similari (Safari, Firefox).
E' sufficiente visualizzare con il browser la pagina che si vuole analizzare, poi clicca con il tasto destro del mouse sopra un'immagine o una parola che vuoi analizzare.
Per esempio, ipotizziamo che vuoi vedere nel tuo ultimo messaggio qua sopra quale stile è associato alla parola "Ambra".
Clicca con il tasto destro del mouse e seleziona l'ultimo comando mostrato nel menu che compare, ovvero "Ispeziona Elemento".Nella parte inferiore della finestra compare un riquadro diviso in due parti, a sinistra il codice html, a destra il codice css.
Ancora più sotto come ultima riga potrai vedere tutte in modo gerarchico come l'elemento che hai selezionato si rapporta ad altri elementi fino a salire all'elemento più alto, ovvero html.
Puoi cliccare con il mouse sopra una struttura e vedrai che viene evidenziato nella pagina (in alto).Tornando all'esempio, cliccando sulla parola "Ambra" vedi che è dentro <div id="post_message_805970">
Sulla destra vedi il css applicato e il nome del file css (non nell'esempio di questo forum).
Puoi anche fare doppio click su una proprietà di stile e modificarla per vedere al volo come cambia l'aspetto.
Ad esempio fai doppio click su color sotto ".alt1, .alt1Active " e puoi cambiare il colore e perfino aggiungere altre proprietà, ad esempio font-weight: bold;Tutte queste modifiche sono solo sulla tua visualizzazione, non modifichi realmente le pagine.
Valerio Notarfrancesco