Visualizzazione risultati 1 fino 15 di 15

Discussione: Modificare il format del titolo degli articoli nel tema Altervista Keith

  1. #1
    ilgeniodellamatematica non  connesso Utente AlterBlog
    Data registrazione
    13-07-2018
    Messaggi
    13

    Predefinito Modificare il format del titolo degli articoli nel tema Altervista Keith

    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?

  2. #2
    L'avatar di alemoppo
    alemoppo non  connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    15,370

    Predefinito

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

    Ciao!

  3. #3
    ilgeniodellamatematica non  connesso Utente AlterBlog
    Data registrazione
    13-07-2018
    Messaggi
    13

    Predefinito

    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 :-(.

  4. #4
    L'avatar di alemoppo
    alemoppo non  connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    15,370

    Predefinito

    Intendo questo codice, non lo hai scritto tu?
    Codice HTML:
    <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!

  5. #5
    ilgeniodellamatematica non  connesso Utente AlterBlog
    Data registrazione
    13-07-2018
    Messaggi
    13

    Predefinito

    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.

  6. #6
    L'avatar di acsocmel
    acsocmel non  connesso Utente attivo
    Data registrazione
    03-07-2007
    Messaggi
    428

    Predefinito

    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

  7. #7
    ilgeniodellamatematica non  connesso Utente AlterBlog
    Data registrazione
    13-07-2018
    Messaggi
    13

    Predefinito

    Citazione Originalmente inviato da acsocmel Visualizza messaggio
    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

  8. #8
    L'avatar di acsocmel
    acsocmel non  connesso Utente attivo
    Data registrazione
    03-07-2007
    Messaggi
    428

    Predefinito

    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

  9. #9
    L'avatar di alemoppo
    alemoppo non  connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    15,370

    Predefinito

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

    Altrimenti specifica pure l'URL della pagina in oggetto.

    Ciao!

  10. #10
    ilgeniodellamatematica non  connesso Utente AlterBlog
    Data registrazione
    13-07-2018
    Messaggi
    13

    Predefinito

    Citazione Originalmente inviato da alemoppo Visualizza messaggio
    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

  11. #11
    L'avatar di acsocmel
    acsocmel non  connesso Utente attivo
    Data registrazione
    03-07-2007
    Messaggi
    428

    Predefinito

    io ancora non capisco se sei tu o WordPress a scrivere questo brutto codice
    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"

  12. #12
    L'avatar di alemoppo
    alemoppo non  connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    15,370

    Predefinito

    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:
      Codice:
      p {margin-bottom:0px;}
    • Se vuoi eliminare lo spazio sopra la riga, puoi usare:
      Codice:
      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!
    Ultima modifica di alemoppo : 26-10-2019 alle ore 17.57.07

  13. #13
    ilgeniodellamatematica non  connesso Utente AlterBlog
    Data registrazione
    13-07-2018
    Messaggi
    13

    Predefinito

    Citazione Originalmente inviato da acsocmel Visualizza messaggio
    io ancora non capisco se sei tu o WordPress a scrivere questo brutto codice
    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.

  14. #14
    ilgeniodellamatematica non  connesso Utente AlterBlog
    Data registrazione
    13-07-2018
    Messaggi
    13

    Predefinito

    Citazione Originalmente inviato da alemoppo Visualizza messaggio
    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:
      Codice:
      p {margin-bottom:0px;}
    • Se vuoi eliminare lo spazio sopra la riga, puoi usare:
      Codice:
      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.

  15. #15
    L'avatar di acsocmel
    acsocmel non  connesso Utente attivo
    Data registrazione
    03-07-2007
    Messaggi
    428

    Predefinito

    scrivere in un foglio di style
    Codice:
    .entry-content h2 {
       color: #800000;
       font-family: arial, helvetica, sans-serif;
       font-size: 14pt;
    }
    aiuta molto se hai vari h2
    Codice:
    <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

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •