Tamaño caja de texto búsqueda  

 
Jose Ángel
 Jose Ángel
Estimable Member

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

Citar
Respondido : 09/05/2014 10:11 am
Jordi Sala
 Jordi Sala
Miembro 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:

- https://www.webempresa.com/blog/usando-firebug-para-modificar-la-apariencia-de-una-plantilla-joomla.html

Firebug Lite for Google Chrome:
- https://chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench

Fifebug Firefox:
- https://addons.mozilla.org/es-es/firefox/addon/firebug/

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

ResponderCitar
Respondido : 09/05/2014 11:17 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Jose Ángel
 Jose Ángel
Estimable Member

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

ResponderCitar
Respondido : 10/05/2014 3:51 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa 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 :
https://www.webempresa.com/blog/administrador-de-archivos-de-cpanel.html

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 11/05/2014 5:30 pm

Cursos Gratuitos WordPress

Marti Martinez
 Marti Martinez
Usuario experto

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

ResponderCitar
Respondido : 30/08/2017 6:36 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa 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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 30/08/2017 8:17 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Marti Martinez
 Marti Martinez
Usuario experto

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.

ResponderCitar
Respondido : 30/08/2017 8:45 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa 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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 30/08/2017 10:26 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Por favor Iniciar Sesión o Registro