Modificar element.style en plantilla esport  

 
Sebastian
 Sebastian
Usuario experto

Estimados, llevo bastante rato tratando de modificar la lengueta de roll over de el botón productos de mi sitio www.floreriasmarau.com y la única manera de hacerlo es modificando element.style. Cuando inspecciono el archivo en google chrome, me permite mortificarlo, pero no puedo encontrar ni modificar el archivo original,, aun cuando busque y lei en el foro.
Adjunto capturas del problema y del código que hay que modificar,, ojala me puedan ayudar para saber donde lo encuentro.
Muchas gracias
saludos
SP

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 09/10/2014 4:47 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Entiendo que te refieres al submenú de productos, tendrías que indicarnos que modificacion quieres hacer, cambair fondo, letra, color, etc

Los estilos inline son colocados con javascript o puestos a través de PHP, por lo que te será complicado, lo mejor es sobreescribir estos estilos con nuevos estilos CSS colocados en algún archivo 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 : 09/10/2014 5:18 pm

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

Sebastian
 Sebastian
Usuario experto

Hola Jhon, si, a eso me refiero y lo que quiero hacer es cambiarle el color y poder hacerlo mas pequeño.
Gracias
saludos

ResponderCitar
Respondido : 10/10/2014 4:08 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

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/

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

ResponderCitar
Respondido : 10/10/2014 6:54 am

Cursos Gratuitos WordPress

Sebastian
 Sebastian
Usuario experto

Estimado, muchas gracias, vi el video. Yo ya había localizado el código en google chrome, pero no me permitió modificarlo. En Firebug también lo puedo localizar pero tampoco me permite cambiarlo. Hay alguna manera de hacerlo en firebug que no aparece en el video?
Muchas gracias
saludos

ResponderCitar
Respondido : 10/10/2014 5:33 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Sebastian

Ubica el archivo : /templates/gk_esport/css/style2.css

En la líena 119 aprox puedes cambiar el código de color

#gkMainMenu > div.gk-menu > ul div.childcontent-inner-wrap {
	background: #5e98be;
}

Usa el administrador de ARchivos de tu cpanel para localizar y editar el archivo

Saludos

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

ResponderCitar
Respondido : 10/10/2014 6:04 pm

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

Sebastian
 Sebastian
Usuario experto

Estimado Luis, te agradezco mucho el dato, sabes que busque ese color en el firebug y no lo pude encontrar,, tu ojo fue mas minucioso. Ahora solo me gustaría poder ver el tema del tamaño,, tu crees sea posible.
Muchas gracias
Saludos

ResponderCitar
Respondido : 10/10/2014 9:44 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Para el tamaño, en el siguiente archivo, en la línea 64 aprox
/templates/gk_esport/css/menu/menu.css

#gkMainMenu > div.gk-menu > ul div.childcontent-inner {
	overflow: hidden;
	padding: 12px 0;
}

Cambia el padding de 12px a un tamaño menor como 5px o simplemente borrarlo y deja el 0

Saludos.

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

ResponderCitar
Respondido : 10/10/2014 10:27 pm

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

Sebastian
 Sebastian
Usuario experto

Estimado, muchas gracias, eso ya lo hice, y modifica el alto y lo que me interesa modificar ahora es el ancho, y eso no lo he podido encontrar.
Gracias
saludos

ResponderCitar
Respondido : 10/10/2014 10:33 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

En el mismo archivo indicado anteriormente en la línea 75 aprox tienes un estilo que incluye un margen como

margin: 0 20px;

Deberás cambair el 20 por algún otro valor

Saludos

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

ResponderCitar
Respondido : 10/10/2014 10:56 pm

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

Sebastian
 Sebastian
Usuario experto

Estimado, hice lo que me indicaste pero solo se mueven las letras del menú hacia la derecha y no se angosta el menú.
Gracias
Saludos
SP

ResponderCitar
Respondido : 13/10/2014 3:55 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Al parecer es el margen del texto, ten en cuenta que si cambias un ancho menor si tienes un texto más grande puede verse mal, te recomendaría dejar las dimensiones del submenu como estan ahora mismo que los veo correctas.

Saludos

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

ResponderCitar
Respondido : 13/10/2014 10:46 pm

Cursos Gratuitos WordPress

Sebastian
 Sebastian
Usuario experto

Eso haré Jhon. Muchas gracias
Saludos

ResponderCitar
Respondido : 13/10/2014 10:47 pm

Por favor Iniciar Sesión o Registro