Pregunta sobre Arreglando WordPress de Wordpress:

Alinear listas

Un usuario preguntó 👇

Usé CSS personalizado para agregar color a los marcadores de lista. También agregué CSS personalizado para usar el símbolo Unicode en listas desordenadas.

El UL funciona bien, pero si se desplaza un poco hacia abajo en la página siguiente, el UL no se alinea con él, a pesar de (creo) tener la misma configuración.

¿Alguien puede ayudarme con dónde me equivoqué y qué se debe hacer?

Mi código CSS personalizado fue:

/*Unordered List Formatting*/
ul {
  list-style: none; /* Remove default bullets */
}
.entry-content ul li::before {content: "2BC8"; color: #009999; 
  display: inline-block; width: 1.5em;
  margin-left: -1em}

/* Ordered List Formatting*/
ol li {
  counter-increment: list; list-style-type: none; position: relative;
}
ol li:before {
  color: #009999; content: counter(list) "."; width: 1.5em; margin-left: -1em; text-align: right; 
}

Este tema fue modificado hace 1 año, 3 meses por. Este tema fue modificado hace 1 año, 3 meses por.

(@ikaring)

Hace 1 año, 3 meses

Sólo hay que poner display: inline-block; en ol li:before.

Lanzador de hilos

(@shaunkillian)

Hace 1 año, 3 meses

Gracias, hice eso y el texto ahora alinea las listas ul y ol. Sin embargo, los números en UL no se alinean con los íconos de viñetas en ul.

(@ikaring)

Hace 1 año, 3 meses

Estás asentado text-align: right;.

Por cierto, el icono de viñeta de las listas ul no aparece en mi navegador. Por favor, compruebe el soporte de fuentes del personaje.
https://www.fileformat.info/info/unicode/char/2bc8/fontsupport.htm

Lanzador de hilos

(@shaunkillian)

Hace 1 año, 3 meses

Gracias de nuevo. Arreglé la segunda edición con algo de relleno.

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *