Cambiar atributos de un bloque

[nacaer]

Buenas tardes,

 

Tengo un pequeño problema, he cambiado la busqueda de sitio en mi web para disponer de mas espacio en la barra de menu superior.

Pero los margenes y el tamaño del campo que tiene en su nueva ubicacion no me gustan y quisiera cambiarlo.

sé que debo hacerlo en el global css de la plantilla pero no se donde ni que codigo poner. Veo el resultado que quiero en el firebug.

He cambiado el margen inferior en el bloque h4 yme cambia todos los bloques pero quiero lo que necesito es solo de ese sitio.

Los cambios que quiero son

 

margin-bottom: 10px; en la cabecera por debajo de la etiqueta BUSCAR

 

height: 18px;

    margin-top: 10px;

    width: 138px; en el campo de busqueda donde se pone el nombre

 

Mi web es elcascanueces.com y uso 1.5.2

 

gracias de antemano por vuestra ayuda, adjunto pantallazo del sitio.

 

Eric

 

[rafaelamargo]

Trabaja con el id del bloque, y así no afectara al resto de bloques de la tienda.

 

Ejemplo:

 

En tu caso para aplicar un estilo a la cabecera de dicho bloque lo añadirias dentro de:

#search_block_left h4 {
estilos cabecera.
}

Por ejemplo para el campo input donde metes el texto:

#search_block_left #search_query_block {
estilos caja de texto
}

etc....

 

Esto lo puedes meter dentro de:

http://elcascanueces.com/themes/cascanueces/css/global.css

Create un nuevo bloque que diga:

/*
	Personalizar bloque buscador
*/

Aquí metes las cosas..

O en el mismo css del buscador:

modules/blocksearch/blocksearch.css

/themes/cascanueces/modules/blocksearch/blocksearch.css

Pero creo que en tu caso, parece que no te estan los css propios de lbuscador, al menos eso veo en el view-source:http://elcascanueces.com/ de tu web.

[nacaer]

Trabaja con el id del bloque, y así no afectara al resto de bloques de la tienda.

 

Ejemplo:

 

En tu caso para aplicar un estilo a la cabecera de dicho bloque lo añadirias dentro de:

#search_block_left h4 {
estilos cabecera.
}

Por ejemplo para el campo input donde metes el texto:

#search_block_left #search_query_block {
estilos caja de texto
}

etc....

 

Esto lo puedes meter dentro de:

http://elcascanueces.com/themes/cascanueces/css/global.css

Create un nuevo bloque que diga:

/*
	Personalizar bloque buscador
*/

Aquí metes las cosas..

O en el mismo css del buscador:

modules/blocksearch/blocksearch.css

/themes/cascanueces/modules/blocksearch/blocksearch.css

Pero creo que en tu caso, parece que no te estan los css propios de lbuscador, al menos eso veo en el view-source:http://elcascanueces.com/ de tu web.

muchas gracias por la respuesta pero aclarame algo,

 

lo voy a poner en el global.css de mi theme y que lo añado, al final?

 

sería algo así?

 

/*

        Personalizar bloque buscador

*/

#search_block_left h4 {

margin-bottom: 10px;

}

#search_block_left #search_query_block {

height: 18px;

            margin-top: 10px;

            width: 138px;

}

gracias de antemano