Cómo mostrar categorías en dos columnas en mi tema de WordPress

  • Autor Autor Nebel
  • Fecha de inicio Fecha de inicio
N

Nebel

Gamma
Social Media
Verificado por Whatsapp
Pues ahora vengo a pedir ayuda... En esta ocasión aquí en el tema de WP 🙂

Quería cambiar el theme de mi blog pero mejor decidí modificar el actual theme. en fin, voy al grano, quisiera saber como se puede ordenar los archivos/categorías/blogroll en dos columnas, un ejemplo de un "X" theme:

Enlace eliminado

Actualmente uso el theme Plainscape 🙂

Saludos y espero y me entiendan xD
 
A ver si alguien sabe... yo tambien quiero hacer lo mismo.. =/
 
Saludos amigos, miren yo e utilizado este codigo un par de veces espero les sirva

Crear listas en múltiples columnas con CSS

y el demo

Untitled Document
 
Hola Nebel, tras que tú me habías pedido eso verdad? disculpame por no publicarlo antes, igual saco un post en Kernel pronto pero de mientras te digo:

Pega esto sustituyendo los estilos correspondientes, o sea los mismos (#sidebar ul, #sidebar ul li, etc.)

HTML:
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
        overflow: hidden;
	}

#sidebar ul li {
	margin:0;
	padding:0;
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 20px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 0;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 20px;
	}

#sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 5px 0;
	padding: 2px;
        float: left;
        width: 45%;
	}

voy de pasada por el foro así que me dices si te quedo bien y si no con gusto te ayudo luego.
 
Gracias a los dos 🙂... Ya me funciono esteban, ahora solo falta darles un poco de estilo, gracias 🙂

UPDATE: Si no es mucho pedir esteban, como puedo hacer... por ejemplo que el tamaño de la palabra Categorías se mas chico?

Saludos
 
Última edición:
Sustituye tu estilo para la header tag H2 de tu Sidebar en tu CSS:

Insertar CODE, HTML o PHP:
#sidebar h2 {
	padding-bottom: 4px;
	background:url('images/border_h.png') repeat-x bottom;
	font-family: 'Lucida Grande', Sans-Serif;
	font-size: 1.2em;
	}

Y allí ya le vas ajustando el font-size hasta que quede como quieres.

Saludos, Nebel
 
Muchas gracias Esteban 🙂... Ya voy aprendiendo más de CSS, un poco claro, pero algo es algo 🙂

Saludos y de nuevo gracias 😛
 
Justo lo que estaba buscando. Gracias por el aporte 😉
 
Atrás
Arriba