Tamaño caja de text...
 
Avisos
Vaciar todo

Tamaño caja de texto búsqueda

8 Respuestas
4 Usuarios
0 Reactions
2,476 Visitas
Respuestas: 126
Estimable Member
Topic starter
 

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


 
Respondido : 09/05/2014 9:11 am
Jordi Sala
Respuestas: 12058
Illustrious Member Admin
 

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


 
Respondido : 09/05/2014 10:17 am
Respuestas: 126
Estimable Member
Topic starter
 

Ok, si por favor me indicais que fichero en particular es lo localizo y hago el cambio. Gracias


 
Respondido : 10/05/2014 2:51 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

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.


 
Respondido : 11/05/2014 4:30 pm
Respuestas: 71
Trusted Member
 

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


 
Respondido : 30/08/2017 5:36 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

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


 
Respondido : 30/08/2017 7:17 pm
Respuestas: 71
Trusted Member
 

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.


 
Respondido : 30/08/2017 7:45 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

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


 
Respondido : 30/08/2017 9:26 pm