Bypass del css del tema da editor di blocchi

  • Risolto AndyTheAngel

    (@andytheangel)


    2 anni, 9 mesi fa

    Salve a tutti!
    Ho provato a cercare un po’ sia su google che sul forum, ma non ho trovato nulla a riguardo anche se sono abbastanza sicuro il mio sia un problema comune… forse non ho cercato le parole giuste. Ad ogni modo se la richiesta dovesse essere duplicata, chiedo scusa in anticipo.

    Dunque, il problema è questo: il tema che ho usato per questo sito mette in automatico la prima lettera del post in capolettera, e la colora di nero, SEMPRE. La cosa non crea problemi di solito, dato che i post sono in nero… ma per il post degli auguri di Natale la scritta deve essere messa in rosso. Da editor dei blocchi appare tutta rossa, ma nella versione finale del sito il CSS del tema impone la prima lettera nera. Di seguito il codice che mi mostra chrome con gli strumenti sviluppatore:

    #page-content h1 a, #page-content h1, #page-content h2, #page-content h3, #page-content h4, #page-content h5, #page-content h6, .post-content > p:first-child:first-letter, #page-content .author-description h4 a, #page-content .related-posts h4 a, #page-content .blog-pagination .previous-page a, #page-content .blog-pagination .next-page a, blockquote, #page-content .post-share a {
    color: #030303;
}

    Ora, cercando su google ho visto che ci sono soluzioni per by-passare la cosa, ma ho trovato solo cose tecnicamente complicate e abbastanza dispendiose in termini di tempo, tipo creare un child-theme o creare un css a parte e sostituirlo, eccetera.
    Non esiste una soluzione “semplice”, applicabile magari direttamente dall’editor del post, per imporre che se io metto la prima lettera rossa resti rossa anche nel rendering finale, ignorando la proprietà css “first-letter” che la metterebbe a nero?

    Grazie mille!

    La pagina su cui ho bisogno di aiuto: [devi essere connesso per vedere il link]

Stai visualizzando 2 risposte - dal 1 al 2 (di 2 totali)
  • luca21

    (@luca21)

    2 anni, 9 mesi fa

    Ciao @andytheangel ,
    C’è una soluzione applicabile direttamente dall’editor del post. Non l’ho mai usata finora perché ho sempre fatto in altri modi. Si può impostare la prima lettera in rosso direttamente dall’ html del post. E’ complicato almeno tanto quanto usare l’editor css integrato nel backend di wp.

    Che si raggiunge così:
    Aspetto -> Personalizza -> CSS aggiuntivo.

    Questo editor è presente in tutti i temi di wp, tipo Twenty Twenty-One e l’intera famiglia Twenty. Quasi tutti i temi lasciano intatto l’editore css a esclusione di qualche tema commerciale.

    In base a quello che hai scritto nel post la modifica potrebbe essere questa:

    .post-content > p:first-child:first-letter {
    color: red !important;
}

    Nessun altra istruzione css potrà sostituirla.

    Un Saluto.

    Chi ha creato la discussione AndyTheAngel

    (@andytheangel)

    2 anni, 8 mesi fa

    Grazie mille, ha funzionato!!

Stai visualizzando 2 risposte - dal 1 al 2 (di 2 totali)
  • Il topic ‘Bypass del css del tema da editor di blocchi’ è chiuso a nuove risposte.

Tag