Avisos
Vaciar todo
Joomla 2.5
13
Respuestas
3
Usuarios
0
Reactions
2,575
Visitas
Topic starter
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
Respondido : 09/10/2014 3:47 pm
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
Respondido : 09/10/2014 4:18 pm
Topic starter
Hola Jhon, si, a eso me refiero y lo que quiero hacer es cambiarle el color y poder hacerlo mas pequeño.
Gracias
saludos
Respondido : 10/10/2014 3:08 am
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:
-
Firebug Lite for Google Chrome:
- https://chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench
Fifebug Firefox:
- https://addons.mozilla.org/es-es/firefox/addon/firebug/
Respondido : 10/10/2014 5:54 am
Topic starter
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
Respondido : 10/10/2014 4:33 pm
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
Respondido : 10/10/2014 5:04 pm
Topic starter
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
Respondido : 10/10/2014 8:44 pm
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.
Respondido : 10/10/2014 9:27 pm
Topic starter
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
Respondido : 10/10/2014 9:33 pm
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
Respondido : 10/10/2014 9:56 pm
Topic starter
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
Respondido : 13/10/2014 2:55 pm
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
Respondido : 13/10/2014 9:46 pm
Topic starter
Eso haré Jhon. Muchas gracias
Saludos
Respondido : 13/10/2014 9:47 pm
