Ayuda con la visualización de listas en el tema Verti

Emilio14 · 2 Abr 2015

Hola!

Estoy usando para un blog el theme Verti (Verti | HTML5 UP) pero no aparecen los puntos de las listas cuando uso: <ul> y <li>. Simplemente cambian de línea.
¿Me podríais indicar cómo editar el CSS para que salgan?

Muchas gracias! :encouragement:

lombervid · 2 Abr 2015

Y en el demo del theme si aparecen (solo a ti no)? Si es asi habría que ver ti sitio para ver que estilo puede estar interfiriendo.

Si ni en el demo del theme aparecen, lo más seguro es que el mismo estilo del theme se los quite, con algo como:

PHP:

ul {
    list-style: none;
}

Saludos.

Emilio14 · 2 Abr 2015

lombervid dijo:
Y en el demo del theme si aparecen (solo a ti no)? Si es asi habría que ver ti sitio para ver que estilo puede estar interfiriendo.

Si ni en el demo del theme aparecen, lo más seguro es que el mismo estilo del theme se los quite, con algo como:

PHP:

ul { list-style: none; }

Saludos.

Esto es lo que corresponde a las listas:

PHP:

	/* List */

		ul
		{
		}

			ul.default
			{
				list-style: disc;
				padding-left: 1em;
			}
			
				ul.default li
				{
					padding-left: 0.5em;
				}

			ul.actions
			{
			}

				ul.actions li
				{
					display: inline-block;
					padding: 0 0 0 0.25em;
					margin: 0 0 0 0.25em;
				}
				
					ul.actions li:first-child
					{
						margin-left: 0;
						padding-left: 0;
					}
				
			ul.menu li
			{
				border-left: solid 1px #e0e0e0;
				display: inline-block;
				padding: 0 0 0 0.75em;
				margin: 0 0 0 0.75em;
			}

				ul.menu li:first-child
				{
					border-left: 0;
					margin-left: 0;
					padding-left: 0;
				}

		ol
		{
		}	

			ol.default
			{
				list-style: decimal;
				padding-left: 1.25em;
			}

				ol.default li
				{
					padding-left: 0.25em;
				}

markpardeo · 2 Abr 2015

Hola.

En el código que muestras arriba no lo veo pero en algun lugar de tu hoja de estilos tienes esto:

PHP:

ol, ul {
    list-style: outside none none;
}

o parecido, solo tienes que cambiar eso.

maduranma · 3 Abr 2015

Haz click derecho encima -> Inspeccionar elemento y miras el estilo del li, si puedes haz un screenshot y pásalo por aquí

Emilio14 · 5 Abr 2015

markpardeo dijo:
Hola.

En el código que muestras arriba no lo veo pero en algun lugar de tu hoja de estilos tienes esto:

PHP:

ol, ul { list-style: outside none none; }

o parecido, solo tienes que cambiar eso.

He buscado eso y no aparece nada 🙁

maduranma dijo:
Haz click derecho encima -> Inspeccionar elemento y miras el estilo del li, si puedes haz un screenshot y pásalo por aquí

Gyazo - d25b83aa0c82097eafeda36bb6823c5e.png
Desde el archivo del FTP he cambiado el none por square y no aparece tampoco. Sin embargo, si lo edito desde inspeccionar elemento sí que salen.

markpardeo · 5 Abr 2015

Hola, tienes un archivo css "skel.css" que anula la lista, al parecer es de algún tipo de framework:

PHP:

ol, ul{
	list-style: none
}

Deberías cambiar eso o puedes agregar este codigo a tu hoja de estilos cambiando el none por el que quieras y debería funcionar.

softwareweb · 23 Abr 2015

Agrega esto al inicio de tu codigo y veras que se enlista todo normal

Insertar CODE, HTML o PHP:

ol,ul{
list-style:inherit !important;
}

Ayuda con la visualización de listas en el tema Verti

Emilio14

lombervid

Emilio14

markpardeo

maduranma

Emilio14

markpardeo

softwareweb

Temas similares