estilo css para boton del menu

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

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!

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.