En mi página tengo creadas varias categorías de las cuales cuelgan a su vez otras subcategorías. El problema que tengo es que aparecen unas flechas en horizontal y vertical en todas las categorías desplegables, ver imagen adjunta. ¿Cómo puedo quitar estas flechas?
Muchas gracias por adelantado
URL del sitio: Contenido solo visible a usuarios registrados
Hola Mikel,
Tienes el sitio cerrado, no podemos visualizar para revisar el código e indicarte.
Saludos
Perdón, ahora está abierto
Hola Mikel,
Para quitar las negras debes, previa copia de seguridad del fichero, modificar en el fichero /themes/leoconv/css/bootstrap.css la clase .caret Si añades un display:none; ya no se mostrarán. Modifica el código en la linea 4806 aprox. de la siguiente forma
.caret { border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-top: 4px solid #000000; content: ""; height: 0; vertical-align: top; width: 0; display: none; }
Para estos casos es muy útil el Firebug. 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:
- www.webempresa.com/blog/item/282-usando-firebug-para-modificar-la-apariencia-de-una-plantilla-joomla.html
Firebug Lite for Google Chrome:
- chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench
Fifebug Firefox:
- addons.mozilla.org/es-es/firefox/addon/firebug/
Un saludo.
Un saludo
Donde se encuentra el fichero que tengo que modificar, no lo localizo.
Gracias.
Un saludo
Hola Mikel,
Si accedes a la carpeta public_html (www), solo tienes que seguir la ruta /themes/leoconv/css/bootstrap.css
https://www.youtube.com/watch?v=E4OArhGfv0E
Saludos
Me gustaría quitar también las flechas blancas, pero no localizo desde donde se quitan, ¿me podéis ayudar?.
Muchas gracias.
Hola,
Tu sitio web se encuentra en mantenimiento, tendrías que habilitarlo para poder revisarlo.
Ya está habilitado.
Disculpa las molestias
Hola Mikel,
Edita el archivo/themes/leoconv/css/bootstrap.css
.dropdown-submenu > a:after { border-color: transparent transparent transparent #cccccc; border-style: solid; border-width: 5px 0 5px 5px; content: " "; display: none; float: right; height: 0; margin-right: -10px; margin-top: 5px; width: 0; }
Y añade un añades un display:none; al igual que en el caso anterior.
Saludos