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