Shinjiru_fred

Hola cascamorris.

Para hacer lo que quieres necesitas modificar el archivo functions.php de tu tema. Recuerda tener una copia del archivo que vas a modificar, sobre todo el functions.php que es algo delicado.

Deber hubicarte en la siguiente línea de código:

if(function_exists('register_sidebar')){

Inmediatamente debajo debes ver algo similar a esto (no todo el código tiene porque ser igual):

//widget sidebar
register_sidebar(array(
	'name' => 'widgets-header',
	'before_widget' => '<div class="widget %1$s">',
	'after_widget' => '</div>',
	'before_title' => '<h4>',
	'after_title' => '</h4>',
));

Puedes copiar uno de los que tiene tu tema. Lo elemental que debes cambiar es el nombre del widget para que no sea igual a los que ya tienes. Las otras partes del código las cambiaras en función de tus conocimientos de xHTML.

Así tu nuevo widget ya esta listado pero no funciona. Para que funcione debes ir a tu archivo header.php y pegar donde quieras que aparesca tu flamante widget lo siguiente:

<?php if(function_exists('dynamic_sidebar')) { dynamic_sidebar('widgets-header') ; } ?>

Recuerda siempre que el nombre del widget debe estar dentro de dynamic_sidebar(‘aquí el nombre del widget’) para que llame al correcto.

En esta dirección tienes otra explicación de lo que deseas:

http://www.creativasfera.com/wordpress-como-crear-zonas-listas-para-widgets/

Tambien tienes la documentación oficial:

http://codex.wordpress.org/Widgetizing_Themes

En ingles pero igual puedes tirar de google para traducirlo.

Espero que todo esto te sirva de ayuda.

Suerte.

Vamos a hacer algo, borra todo lo que te he dicho que hagas, hagamos una chapuza más elegante.

Avisame por aquí cuando lo hagas.

Amigo Cascamorris, creo que la cosa se esta complicando un poco, espero que tengas una copia de la hoja de estilo de tu plantilla.

Lo que estamos haciendo es practicamente una chapuza debido a que tendriamos que borrar y no sobreescribir elementos pero bueno…

pega esto al final de la hoja:

body#home div#sidebar div#firstcol {
    width: 329px;
}

los bordes rojos de firstcol lo quitas borrando border: 1px solid red;

div#sidebar div#firstcol div.widget {
    border: 1px solid red; /*debes borrar toda esta línea*/
    width: 329px;
}

Con eso si se va a cuadrar aunque vamos a tener otro problemita que lo vas a ver. Para solucionarlo tienes que modificar unas imagenes de fondo…

La cosa se esta complicando te lo repito, te recomiendo que tengas una copia de tu hoja de estilo y de tu plantilla.

Saludos.

Hola Petelo.

Que bien que se solucionó el problema. IE es la típica chica rubia popular y caprichosa, para ella no vale el mismo trato que con las demás, a ella hay que dedicarle todo el tiempo del mundo. Menos mal que la IE9 es una chica menos complicada.

Suerte 😉

Hola Laura20.

Pues, no sabría decirte si hay una página que de soporte a tu plantilla, sería cuestión de buscar.

Si creo entender lo que quieres eliminar son esos bordes grises, si realmente es eso puedes buscar y comentar el siguiente código:

/*
.sf-menu {
    border-left: 2px solid #F0F0F0;
}

.sf-menu a {
    border-right: 2px solid #F0F0F0;
}
*/

para comentar código CSS se inicia con /* y se termina con */

/*Este es un comentario en CSS*/

Es preferible comentar código antes que borrarlo cuando se estan haciendo estos pequeños cambios, luego, cuando estes segura de que esta bien lo que has hecho puedes borrarlo.

La hubicación del archivo dice que es:

http://be-science.com/?itx=css&ver=3.3.2

Hola ferbovi.

Ahora si te entiendo. Bueno, para empesar te diré que el funcionamiento de los dos temas es muy distinto. En el tema imbalance2 usan unas librerias jquery para asignar las posiciones de las capas, en tu tema, tienes 3 div que sirven como contenedor a tus entradas, de 3 en 3. El ancho de estos ‘contenedores’ es 100%, y el alto depende del largo del contenido e imagen que colocas en las entradas.

La solución más simple es que siempre coloques la misma cantidad de texto y el mismo tamaño de la imagen, así, todo estará bien organizado y sin toca código alguno.

De nuevo hola Alberto.

Sí, esas son las propiedades que tienes que modificar pero no notas ningún cambio porque tienes otra propiedad que te cambia de nuevo el tamaño.

body#home #sidebar #firstcol, body#home #sidebar #secondcol {
    width: 239px;
}

Recuerda que en CSS si colocas en una clase un valor y más abajo hay otra que actua sobre la primera la sobre escribirá, es decir, la última propiedad es la que manda, ejemplo:

carlos=mujer

carlos=hombre

Para este pequeño ejemplo carlos será igual a ‘hombre’ aunque le hubieramos colocado previamente el valor ‘mujer’.

prueba modificando esa linea con algo como:

body#home #sidebar #firstcol {
    width: 239px; /*El tamaño que requieras*/
}
body#home #sidebar #secondcol {
    width: 100px; /*El tamaño que requieras*/
}

Así debería funcionar.

Suerte.