estilo css para boton del menu  

 
Javier
 Javier
Honorable Member

Hola!

Quisiera saber como cambiar el estilo css de los botones del menu (en concreto el de la imagen que os adjunto)

Es decir, quiero cambiar solo el estilo de uno de ellos, para que resalte, por ejemplo como en la imagen con un borde y tambien saber como cambiar el efecto hover.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 17/09/2015 2:04 pm
Julen
 Julen
Miembro Admin

Hola,

No ofrecemos soporte de css o programación. No obstante, revisa el siguiente articulo de nuestro blog, donde podrás ver como realizar dichas modificaciones:
www.webempresa.com/blog/item/1837-como-modificar-estilos-css-en-plantillas-joomla-wordpress-o-prestashop.html

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/

Saludos

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

ResponderCitar
Respondido : 17/09/2015 2:21 pm

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

Javier
 Javier
Honorable Member

vale genial, ya he seguido los pasos:

he puesto este codigo css:

.btn_consulenza {
border: 1px solid #032b64;
border-radius: 28px;
}
.btn_consulenza:hover {
background-color: #032b64;
}
.btn_consulenza:active {
position:relative;
top:1px;
}

Pero no consigo que cuando estoy en el Hover poner el texto en blanco;
Tampoco puedo que dejar en vez de que se vean 2 bordes se vea uno solo;
Me gustaria centrar el texto porque queda muy a la dereche y no puedo;

Por favor ayudarme con esto que ya no se que codigo probar!

ResponderCitar
Respondido : 18/09/2015 11:15 am
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

Hola

Usa mejor un código más específico, hay código anterior que tiene prioridad por que esta usando esta construcción de clases :

#sp-main-menu ul.level-0 > li > a

En tu caso le añadirías la clase a nivel de a llamada btn_consulenza

Elimina el código anterior y trabaja en base al siguiente código CSS


#sp-main-menu ul.level-0 > li > a.btn_consulenza{
border : 1px solid blue;
background: #ddd;
padding:10px
}


#sp-main-menu ul.level-0 > li:hover > a.btn_consulenza{
color:yellow;
background:red;
border:1px solid green;
}

Son colores de ejemplo, el último de ellos es para el hover, puedes poner este código en algún archivo CSS que carga tu template, por ejemplo al final del archivo :

/templates/ts_barrister/css/presets/preset1.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 : 18/09/2015 6:35 pm

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

Por favor Iniciar Sesión o Registro