Supporto » Aspetto = Temi » CSS per una singola pagina

  • Risolto ragonesi

    (@ragonesi)


    Buonasera,
    avendo necessità di utilizzare stili specifici solo su una singola pagina, ho provveduto a far precedere i tag che mi interessa modificare con il prefisso “.page-id-xxx”.
    Il tutto nel box dedicato ai css personali per il proprio tema (nel mio caso twenty sixteen).
    Ovviamente le modifiche non sono visualizzate, svuoto la cache del browser, ricarico la pagine, ma nessuna variazione è visibile!
    Che debbo fare???? Sto impazzendo.

    Grazie
    Orazio Ragonesi

Stai visualizzando 2 risposte - dal 1 al 2 (di 2 totali)
  • Ciao @ragonesi ,
    mi sembra che sia tutto giusto, almeno al 90%.

    Proviamo a ricapitolare.

    Nella pagina il tag interessato supponiamo sia un paragrafo <p> ecc. ecc. </p> che vuoi sia visibile in un certo modo.

    La modifica che fai è quella di aggiungere un attributo di classe quando scrivi il paragrafo, quindi:<p class="page-id-xxx">ecc. ecc. ecc. </p>. Basta visualizzare il blocco che stai scrivendo come Html e trovi subito dove inserire la classe del paragrafo.

    Poi vai nel “box dedicato ai css personali” e scrivi il tuo stile: .page-id-xxx{ tuo stile; } Bisogna essere precisi con la sintassi, in particolare non dimenticarsi il punto e virgola dopo la regola 🙂

    A questo punto tutti i paragrafi con classe page-id-xxx avranno lo stile che gli hai dato.

    Se ancora non si vede (ma è impossibile se la classe che hai dato è unica), si mette in coda alla regola di stile la parolina !important. Per la giusta sintassi basta una ricerca in rete: è pieno di esempi.

    Buon lavoro.

    Come sempre arriva qualcuno a salvarti! Ti ringrazio per aver voluto essere tu quello.
    Buon lavoro anche a te e grazie ancora!

    Orazio

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