Estoy intentando encontrar un theme que me guste para la web que tengo actualmente, así que estoy haciendo pruebas con varios y uno de los que más me ha gustado y tiene más papeletas para ser el bueno es gridlock, sencillo, minimalista y muy personalizable.
El caso es que tengo montada la web en servidor local, por lo que no os puedo dar dirección para que veáis la web "in live", pero intentaré explicarme lo mejor posible para ver si me podéis ayudar.
--------------------------------------------
Empezamos, lo primero que quiero es cambiar el color del texto que muestra el título de las sidebars (de los módulos), es decir, dónde pone "categorías, blogroll, meta..."
El código de uno de los módulos es este:
Código :
<ul> <li><h2>Categorias</h2> <ul> <?php wp_list_cats('sort_column=name'); ?> </ul> </li>
Por ejemplo, entonces por lo que puedo observar hace llamamiento a h2, li y ul del CSS.
Me voy al CSS y veo que en sidebar hay una definición para cada uno, h2, li y ul, pero pruebo a cambiar el color por defecto de todos y nada, no hay cambio. Os dejo el código de la parte relacionada a dicha parte:
Código :
#sidebar ul li h2 { font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 12px; color: #333 !important; margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px solid #ccc; width: auto; background: url('images/backside.png') no-repeat left; } #sidebar ul { padding: 0; margin: 0 0 15px 0; } #sidebar ul li { font-family: Helvetica, Arial, sans-serif; list-style-type: none; font-size: 11px; line-height: 15px; color: #101010; }
Debería ser específicamente el primero, ya que ahí como podeis ver he puesto un background (fondo) y sí, aparece correctamente... así que encaja justo con esa línea, pero lo que me desconcierta es que cambio el parámetro "color: #333 !important;" por un color clarito ya que el fondo es oscuro y la letra actual también y nada... ni caso, parece que no sigue los patrones del CSS...
Luego por otra parte, me gustaría también que en ese trozo del sidebar, haya más espacio inicial (me explico, un margen izquierdo) para poder mover un poco el título de los módulos y que no empiece el texto justo donde empieza la imagen (ver imagen abajo)
Este es el aspecto actual del sidebar:
A ver si podéis ayudarme a encontrar lo que busco, porque he probado de todo pero no hay manera, no me lo explico salvo que el theme sude completamente de las CSS, cosa que tiene poco sentido...
Gracias!