Supporto » Aspetto = Temi » Modifica blocco Citazione

  • Risolto Parrocchia Pontenure

    (@omi54)


    Buongiorno,

    di recente ho provato a cambiare l’aspetto del blocco citazione del mio tema e dopo qualche prova, grazie al Dev Tool di Chrome, ho ottenuto un risultato che considero piuttosto soddisfacente, abolendo le “virgolette” grigie all’inizio della citazione e mettendo al loro posto una semplice linea colorata come nella figura.

    https://1drv.ms/i/s!ApOb80L509ORpLFCsyAClzJpouCzeQ?e=Cbnvgj

    Mi manca purroppo uno step… come posso distanziare il testo della citazione dalla linea verticale, in modo da non modificare il resto del sito. Qualcuno avrebbe qualche dritta o suggerimento da darmi? Sarebbero a dir poco graditi!

    Grazie sin da ora

Stai visualizzando 5 risposte - dal 1 al 5 (di 5 totali)
  • Ciao!

    Grazie per aver aperto una discussione sul forum WordPress. Sono Matteo, lieto di aiutarti.

    Non sono sicuro di seguirti: Vuoi creare più distanziamento tra la linea colorata e “Veni…”? Oppure vuoi creare distanziamento tra il blocco di citazione e altri blocchi vicini?

    Resto a disposizione.

    Un saluto,
    Matteo

    Chi ha creato la discussione Parrocchia Pontenure

    (@omi54)

    Ciao Matteo!

    Ti ringrazio intanto per la pronta risposta!

    Nono, esatto, vorrei creare un distanziamento tra la linea colorata posta a sinistra e il testo contenuto nella citazione che sia valido per tutte le volte che uso il pulsante “citazione” nell’editor di WordPress. Vorrei inserire tra la linetta colorata e il testo una piccola distanza in modo che non siano ravvicinati come nella figura ma appiano simili a questa.

    https://www.dropbox.com/s/ceq45zwcwgonuv8/Screenshot%202023-07-19%20151144.png?dl=0

    Ti ringrazio sin da ora se potrai darmi qualche suggerimento, questo è il codice che sono riscito a creare per il momento.

    .comment blockquote:before, .entry blockquote:before {
        content: "\f10d";
        color: rgba(255,255,255,0.2);
        font-size: 32px;
        font-style: normal;
        text-align: center;
        margin: 0 20px 20px;
        position: absolute;
        left: 0;
        top: 0;
    }
    Chi ha creato la discussione Parrocchia Pontenure

    (@omi54)

    Aggiungo un’altra cosa che ho notato… quando il testo da riprodurre nel blocco citazione si estende su più paragrafi il codice non restituisce una linea continua, estesa per tutta la citazione, ma tante sezioni…

    https://www.dropbox.com/s/paoa0ey0bq8r6pr/Immagine%202023-07-22%20074219.png?dl=0

    Cosa posso fare per ovviare a questo secondo problema?

    Grazie

    Ciao!

    Perdona l’attesa ma tra vacanze e altro non ho avuto molto tempo per badare alle richieste. 🙂

    Dunque, io non sono sviluppatore, ma da ciò che vedo il tutto dipende dal tema che utilizzi. Per esempio, con Blocksy nel mio sito demo non vedo le virgolette e lo spazio tra la linea a sinistra e il testo è più ampio.

    Molto probabilmente siamo sempre lì anche per la seconda domanda.

    https://ibb.co/1TvWpC9

    In generale, nel tuo ultimo screenshot sembra che l’editor abbia suddiviso i vari testi in vari blocchi. Se preferisci un blocco unico, prova a premere il tasto shift sulla tastiera mentre premi il tasto invio quando devi andare a capo.

    Fammi sapere.

    A presto,
    Matteo

    Chi ha creato la discussione Parrocchia Pontenure

    (@omi54)

    Grazie mille, poi sono riuscito a risolvere in modo che considero soddisfacente.

    Ti ringrazio molto in ogni caso

    Luca

Stai visualizzando 5 risposte - dal 1 al 5 (di 5 totali)
  • Devi essere collegato per rispondere a questo topic.