Ajuda com a visualização de listas no tema Verti

Emilio14 · 02/04/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 · 02/04/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 · 02/04/2015

lombervid disse:
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 · 02/04/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 · 03/04/2015

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

Emilio14 · 05/04/2015

markpardeo disse:
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 disse:
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 · 05/04/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/04/2015

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

Inserir CODE, HTML ou PHP:

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

Ajuda com a visualização de listas no tema Verti

Emilio14

lombervid

Emilio14

markpardeo

maduranma

Emilio14

markpardeo

softwareweb

Tópicos similares