Eliminar borde del buscador de Google  

Hola Jose,

El problema que el buscado está cogiendo los estilos desde un fichero que está en la web de google y no está en su Joomla:

http://www.google.com/cse/style/look/minimalist.css

En el apartado

.cse .gsc-control-cse, .gsc-control-cse {
font-family: Arial, sans-serif;
background-color: #ffffff;
border: 1px solid #ffffff;
}

Indícanos como se llama el módulo que estás usando.

Saludos

Pues estoy usando el que habeis recomendado en alguna ocasión para insertar código:
Easy Custom Code

Gracias.

Hola,

Prueba a editar alguno de los archivos css que se cargan con tu plantilla y añade el siguiente código al final para ver si se soluciona el problema:

.cse .gsc-control-cse, .gsc-control-cse {
background: none !important;
}

Parece que tienes configurada tu plantilla para comprimir los estilos CSS por lo que será conveniente que desactives esta opción para poder ver los cambios.

He hecho lo que me has indicado y no percibo cambio alguno. Lo he hecho al final del template.css

Gracias.

Rectifico. Debió de ser tema de caché. Parece que se ha borrado el borde blanco, pero ha dejado una linea blanca (trazo). Eso tb habría que eliminarlo para que dicho módulo solo ocupase el tamaño del campo del buscador tal y como os mostré en la foto. ¿Que me falta por hacer?

EDITO: He estado tocándo un poco y lo he mejorado borrando el borde blanco. Le he puesto tb lo del padding e incluso el alto, pero no me lo respeta. Os pongo lo que he puesto:

}
.cse .gsc-control-cse, .gsc-control-cse {
background: none !important;
border: 0 !important;
height: 5 !important;
padding: 0; !important;

}

Gracias!

Hola,

La línea height: 5 !important; no es correcta, tendría que ser height: 5px !important;

Es decir, cuando a un parámetro de width, height, padding, margin, etc. le asignas un valor tienes que indicar en qué unidades son, por ejemplo, píxels (px).

La única excepción es con el 0, que no es necesario indicarlo, aunque si se ponen tampoco pasa nada.

Si, eso es de lo poco que se de CSS, pero se me olvidó ponerlo. Gracias.

Le quito el borde y el background pero si le meto lo demás, me baja el campo hasta mezclarlo con el otro módulo de los packs... ¿Alguna sugerencia? Al meterle el important! estoy pasando de los límites que tiene la plantilla por defecto. No entiendo por qué no puedo dejarlo como quiero... :unsure:

Hola,

Yo ahora veo el buscador de Google de forma correcta. ¿Qué es lo que quieres cambiar exactamente?

Pues acortar el espacio que queda entre el campo del buscador y el "hueco" de dicho módulo. Vamos, tocarle el padding. Y que se quede dicho espacio lo más pequeño posible. Fíjate en la screen que hice en photoshop para ilustrar lo que quiero exactamente.

Gracias por tu interés en ayudarme.

Hola,

Para reducir el espacio tendrías que poner lo siguiente:

.cse .gsc-control-cse, .gsc-control-cse {
padding: 0 !important;
}

.cse .gsc-control-cse, .gsc-control-cse form.gsc-search-box {
padding: 0 !important;
margin: 0 !important;
}

Gracias. Ahora ha quedado perfecto. Tengo todavía mucho que aprender de CSS. 🙁

Un cordial saludo y gracias de nuevo por ayudarme a que mi web quede mucho más estética y personalizada.