Un utente ha chiesto informazioni su GeneratePress di Wordpress

Colore di sfondo per un elenco non ordinato

Un utente ha chiesto 👇

Ciao,

Sto cercando di aggiungere un colore di sfondo a un determinato blocco che contiene un elenco non ordinato.

Ho il seguente codice per modificare i punti elenco e la spaziatura:

/* Spacing between bullet points */
.entry-content li {
  margin-bottom: 1em;
}

/* Clear existing style then change colour & icon for bullet points */
.entry-content ul li {
  position: relative;
  list-style: none;
}

.entry-content ul li:before {
  position: absolute;
  left: -1.5em;
  padding-right: 5px;
  color: #ff6200;
  content: "2726";       /* replace U+ with  */
}

Nell’editor dei post ho pensato di poter aggiungere semplicemente “Classe CSS extra” alle opzioni di blocco e quindi utilizzare questo:

/* BG col for list block */
.block-bgcol ul li {
  background: #f5f5f5;
}

Ma questo non sembra fare nulla. Cosa mi sto perdendo?

Grazie.

PS: ho provato alcune altre cose ma la cosa più simile che ho ottenuto è stata la modifica del colore di sfondo solo per il testo: volevo che il colore si applicasse all’intero blocco (testo e punti elenco).

(@leohsiang)

10 mesi, 2 settimane fa

Ciao,

La classe è con il <ul> quindi il tuo SEC dovrebbe assomigliare a questo:

ul.block-bgcol {
    background: #f5f5f5;
}

Questo non è controllato dal tema, quindi puoi anche considerare una soluzione come questa:
https://stackoverflow.com/questions/3342626/how-do-i-add-background-color-to-items-in-a-list

Assicurati che le tue domande in questo forum siano direttamente correlate al tema GeneratePress 🙂

Grazie!

Lanciatore di thread

(@richieps)

10 mesi, 2 settimane fa

Grazie Leo, che ha aiutato.

Codice finale, nel caso in cui qualcun altro abbia lo stesso problema:

/* BG colour for list block named in Additional CSS Class */
ul.block-bgcol {
  margin-left: 25px;
  padding-left: 30px;
  background: #f5f5f5;
}

Ovviamente cercherò di soddisfare la tua richiesta. Tieni presente che i principianti assoluti, come me, vogliono imparare mentre andiamo avanti e non è sempre chiaro cosa sia e cosa non sia direttamente correlato a un medico di famiglia. 🙂

(@leohsiang)

10 mesi, 2 settimane fa

Nessun problema 🙂

Was this helpful?

0 / 0

Lascia un commento 0

Your email address will not be published. Required fields are marked *