Hola estoy intentando cambiar el tamaño de ancho de la caja de texto de Búsqueda. Dicha caja de texto hace referencia a los productos de virtuemart de la tienda. Estoy utilizando la plantilla "Black and White" y en la opción del módulo me pone "ingrese ancho", que por defecto pone 20 y lo cambio y se queda igual. He probado en un par de zonas diferentes de posición como Top_nav y Search y nada. Adjunto imagen en pantalla. Gracias y un saludo
URL del sitio: Contenido solo visible a usuarios registrados
Hola José Angel,
Hay que modificar el ancho del módulo en las CSS de la plantilla, ya que el width está definido en 140px.
En el siguiente artículo del Blog de Webempresa se explica el uso de Firebug, herramienta destinada a localizar cadenas de código, estilos, etc., desde tu navegador:
-
Firebug Lite for Google Chrome:
- https://chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench
Fifebug Firefox:
- https://addons.mozilla.org/es-es/firefox/addon/firebug/
Saludos
Ok, si por favor me indicais que fichero en particular es lo localizo y hago el cambio. Gracias
Hola Jose
Ubica el archivo :
templates/gk_black_and_white/css/joomla.css (línea 21 aprox)
Verás un código similar pero con otro ancho, cambialo por ejemplo a 150 tal como se ve a continuación ( width: 150px;)
#mod_virtuemart_search, #mod-search-searchword { background: url("../images/style1/search_icon.png") no-repeat scroll 140px 10px #FFFFFF; border: 1px solid #DFDED1; color: #9B9B91; height: 20px ! important; text-transform: lowercase; width: 150px; }
Para cambiar esto puedes usar el administrador de archivos, te sugiero revises :
Saludos.
Jhon me puedes informar a mi de esto?
necesito la ruta de mi barra de busqueda para cambiarle el tamaño,
y me indicas que es lo que debo cambiar?
Contenido solo visible a usuarios registrados
Hola
Actualmente no veo ninguna caja de texto de búsqueda, salvo la que aparece al costado, supongo que es alguna extensión, quieres ampliar el tamaño de esa caja de texto?
Saludos
Hola Buenas tardes, si, efectivamente no habia ninguna caja de busqueda, pasa que no lo tenia agregado, ahora si esta agregado
t epuedes fijar ahora ?
y tambien deseo mover la caja de busqueda para que quede centrado.
Hola
Prueba con el siguiente código CSS:
@media (min-width:780px){ .widget_search #searchform input[type="text"]{ width:78%; height:30px; } .widget_search #searchform input[type="submit"]{ width:18%; } }
Coloca este código al final del archivo:
/wp-content/themes/epimeteo_wp/style.css
Saludos