Modificare il format del titolo degli articoli nel tema Altervista Keith

[ilgeniodellamatematica]

Salve, vorrei modificare il formato del titolo degli articoli del mio blog, dove uso il tema Altervista Keith. Quale campo del CSS devo modificare. C'è una classe in cui è formattato il titolo dell'articolo?

[alemoppo]

Nel tuo sito vedo tag <font>, li hai inseriti te? Non andrebbe utilizzato perché è uno dei tag obsoleti.

Ciao!

[ilgeniodellamatematica]

L'unica modifica che ho fatto al CSS è questa:

#nav-single{
display:none;
}
.post p{line-height: 0.7cm}
.post p{font-family: Helvetica;}
.post p{color: black;}

o ti riferisci a qualcos altro?

Io vorrei poter modificare il formato del titolo di ogni articolo. Vorrei ridurre la dimensione del titolo, eventualmente anche il font e metterci sotto una linea orizzontale che lo separa dal resto. L'unica cosa che ho provato a fare è mettere una linea orizzontale ma me la mette troppo distante dal titolo :-(.

[alemoppo]

Intendo questo codice, non lo hai scritto tu?

<h2 style="text-align: center;"><span style="color: #333300;"><strong><font face="Marion Regular">Studiare la <span style="color: #e06928;">Matematica</span> </strong></span><span style="color: #333300;"><strong>non è mai stato così <span style="color: #e06928;">facile</span>!</strong></font></span></h2>
<p><img loading="lazy" class="size-full wp-image-429 aligncenter" src="http://ilgeniodellamatematica.altervista.org/wp-content/uploads/2018/09/scuola-immagine-animata-0047.gif" alt="" width="143" height="98" /></p>
<h3 style="text-align: center;"><span style="color: #333300;"><strong><font face="Marion Regular">Segui le nostre lezioni con un semplice click!  </font></strong></span></h3>
<p>&nbsp;</p>

Ciao!

[ilgeniodellamatematica]

Il codice che hai scritto è quello della mia Home page, però a me risulta un pò diverso, non mi sembra ci sia il tag font. Ti riporto di seguito il codice della mia HomePage:

<h4 style="text-align: center;"></h4>
<h2 style="text-align: center;"><span style="color: #333300;"><strong><span style="font-family: Marion Regular;">Studiare la <span style="color: #e06928;">Matematica</span>*</span></strong></span><span style="color: #333300;"><strong>non è mai stato così <span style="color: #e06928;">facile</span>!</strong></span></h2>
<img class="size-full wp-image-429 aligncenter" src="http://ilgeniodellamatematica.altervista.org/wp-content/uploads/2018/09/scuola-immagine-animata-0047.gif" alt="" width="143" height="98" />
<h3 style="text-align: center;"><span style="color: #333300;"><strong><span style="font-family: Marion Regular;">Segui le nostre lezioni con un semplice click!**</span></strong></span></h3>
&nbsp;
<p style="text-align: center;">[pt_view id="07da3abzc2"]</p>
&nbsp;

Questo è il mio codice, non c'è il tag font ma span style="font-family. Non so se è la stessa cosa. Cmq questo non mi aiuta con la mia domanda iniziale :-D.

[acsocmel]

lo vedo anche io

e vedo anche un < p > che contiene un < div >
ti conviene sistemare l'html e poi provare a capire dove intervenire
P.S. se cerchi aiuto abilita il tasto destro

[ilgeniodellamatematica]

lo vedo anche io

e vedo anche un < p > che contiene un < div >
ti conviene sistemare l'html e poi provare a capire dove intervenire
P.S. se cerchi aiuto abilita il tasto destro

Ho riabilitato il tasto destro

[acsocmel]

va bene, ora devi ripulire l'html da tutti gli stili e tag inutili
span font strong
togli tutto e lascia solo h2 h3 img e le parole e dopo spiega cosa vorresti fare
e soprattutto se vuoi farlo solo per quella pagina oppure se la modifica deve valere anche per le altre pagine

[alemoppo]

Ma il tuo sito è questo? http://ilgeniodellamatematica.altervista.org/

Altrimenti specifica pure l'URL della pagina in oggetto.

Ciao!

[ilgeniodellamatematica]

Ma il tuo sito è questo? http://ilgeniodellamatematica.altervista.org/

Altrimenti specifica pure l'URL della pagina in oggetto.

Ciao!

Si il mio sito è quello, ma è in fase di costruzione, ho pubblicato solo alcuni articoli, tipo questo: http://ilgeniodellamatematica.altervista.org/monomio

Vorrei cambiare alcune cose nel tema che non riesco a modificare:

1.Vorrei cambiare il font e la dimensione del titolo di ogni articolo.
2. vorrei poter ridurre la distanza tra la linea orizzontale ed il paragrafo precedente, in modo da poterla inserire sotto al titolo ed i sottotitoli.
3.Vorrei togliere o spostare quei due pulsanti di facebook e google che mi appaiono all'inzio di ogni articolo.

Spero possiate aiutarmi in qualche modo. Grazie

[acsocmel]

io ancora non capisco se sei tu o WordPress a scrivere questo brutto codice

<h2><strong><span style="color: #800000; font-family: arial, helvetica, sans-serif; font-size: 14pt;">1. Definizione di monomio</span></strong></h2>

ma da quello che chiedi, suppongo sia WordPress o qualche plugin che ci hai montato
e questo sposta a monte il problema
ti converrebbe cambiare tema o chiedere aiuto nella sezione apposita
il codice è pieno di css inline e tag vari e inutili (per esempio un h2 è sempre strong)
infine non so se si possa o se tu sappia creare un foglio di stile "child"

[alemoppo]

Il tema non introduce quel codice obsoleto, si tratta del tema keith che è uno dei temi sviluppati da AlterVista.

In generale è possibile creare temi child, ma non per i temi realizzati da AlterVista (quindi non è possibile realizzare un child theme keith, ovviamente è possibile personalizzare il CSS da Aspetto -> CSS Personalizzato).

La prima cosa ora però è capire da dove viene quel codice, altrimenti è molto difficile agire anche tramite CSS.

Nell'articolo che hai indicato, non ci sono comunque i tag <font>, quindi potresti, volendo:

• Se vuoi eliminare lo spazio prima dei paragrafi, puoi usare:
  

  p {margin-bottom:0px;}

• Se vuoi eliminare lo spazio sopra la riga, puoi usare:
  

  hr{margin-top:0px;}

• Per quanto riguarda il titolo degli articoli, da Aspetto -> Personalizza dovresti trovare qualche impostazione; al più puoi sempre agire tramite CSS tramite la classe "entry-title".
  
• Per la gestione dei pulsanti social, puoi agire dal menu amministrativo WordPress -> Promuovi -> Social Network -> Pulsanti sociali.
  

Ciao!

[ilgeniodellamatematica]

io ancora non capisco se sei tu o WordPress a scrivere questo brutto codice

<h2><strong><span style="color: #800000; font-family: arial, helvetica, sans-serif; font-size: 14pt;">1. Definizione di monomio</span></strong></h2>

ma da quello che chiedi, suppongo sia WordPress o qualche plugin che ci hai montato
e questo sposta a monte il problema
ti converrebbe cambiare tema o chiedere aiuto nella sezione apposita
il codice è pieno di css inline e tag vari e inutili (per esempio un h2 è sempre strong)
infine non so se si possa o se tu sappia creare un foglio di stile "child"

Quando scrivo un articolo utilizzo la modalità Visuale che poi viene tradotta automaticamente in html.
Per quanto riguarda la formattazione del sottoparagrafo "Definizione di monomio", ho scelto il tag h2 in modalità visuale e poi l'ho formattato (sempre in modalità visuale) cambiando il colore e lo stile del font (ho scelto arial).
Non capisco perché questo dovrebbe crearmi dei problemi. Il tag strong posso toglierlo, ma anche se lo lascio credo non cambi nulla.

Invece, per quanto riguarda le modifiche al foglio di stile CSS, le uniche che ho fatto sono queste:

#nav-single{
display:none;
}
.post p{line-height: 0.7cm}
.post p{font-family: Helvetica;}
.post p{color: black;}

Adesso quello che vorrei fare è introdurre altre tre modifiche al foglio di stile:

1) vorrei poter formattare il titolo di ogni articolo.
2) vorrei poter scegliere la distanza tra la linea orizzontale ed il paragrafo precedente.
3) vorrei poter togliere i pulsanti di facebook e google all'inizio di ogni articolo.

[ilgeniodellamatematica]

Il tema non introduce quel codice obsoleto, si tratta del tema keith che è uno dei temi sviluppati da AlterVista.

In generale è possibile creare temi child, ma non per i temi realizzati da AlterVista (quindi non è possibile realizzare un child theme keith, ovviamente è possibile personalizzare il CSS da Aspetto -> CSS Personalizzato).

La prima cosa ora però è capire da dove viene quel codice, altrimenti è molto difficile agire anche tramite CSS.

Nell'articolo che hai indicato, non ci sono comunque i tag <font>, quindi potresti, volendo:

• Se vuoi eliminare lo spazio prima dei paragrafi, puoi usare:
  

  p {margin-bottom:0px;}

• Se vuoi eliminare lo spazio sopra la riga, puoi usare:
  

  hr{margin-top:0px;}

• Per quanto riguarda il titolo degli articoli, da Aspetto -> Personalizza dovresti trovare qualche impostazione; al più puoi sempre agire tramite CSS tramite la classe "entry-title".
  
• Per la gestione dei pulsanti social, puoi agire dal menu amministrativo WordPress -> Promuovi -> Social Network -> Pulsanti sociali.
  

Ciao!

Grazie mille per i suggerimenti. Adesso provo e ti faccio sapere.

[acsocmel]

scrivere in un foglio di style

.entry-content h2 {
   color: #800000;
   font-family: arial, helvetica, sans-serif;
   font-size: 14pt;
}

aiuta molto se hai vari h2

<div class="entry-content">
   <h2>tizio … </h2>
   <h2>caio … </h2>
   <h2>pinco … </h2>
   <h2>pallino … </h2>
</div>

ti velocizza il lavoro e ti fa concentrare sui contenuti piuttosto che sull'aspetto