closed not a support questionHola,
estoy actualizando los botones de mi página web.
Los botones diseñados por defecto aparecen con degradados y relieves (esto no me gusta mucho).
Ver ejemplo: http://estudioembora.com/servicios/
Me gustaría que los botones fueran todos como el que viene por defecto en la página de contacto (ver botón "Send") :
Ver ejemplo: http://estudioembora.com/contacto/
¿Cúal sería el código necesario?
Muchas gracias
Nick
Moderator
Hi,
Please try this code. You can place it inside your custom.css file or add it to Quick CSS located in Angular > Theme Options > Styles ... a text area at the bottom of that page.
#top.page .avia-button {
color: white;
background-image: initial;
background-repeat: initial;
background-position: initial;
-webkit-border-radius: initial;
-moz-border-radius: initial;
border-radius: initial;
border-style: initial;
border-width: initial;
border-color: initial;
background-color: initial;
}
.avia-button.light.custom.large :hover {
background-color: #F756BC !important;
}I am not sure if this solution will work on all browsers. Please let me know once you have it installed so I can test it. The other options is to remove all the lines I have listed above that begin with 'initial' directly from the theme css files. It is on line 6 of shortcodes.css .in theme directory /css/
[Translated via Google: Por favor, intente este código. Usted puede colocar dentro de su archivo custom.css o añadirlo a CSS Quick situado en angular> Opciones> Estilos temáticas ... un área de texto en la parte inferior de la página.
No estoy seguro de si esta solución funcionará en todos los navegadores. Por favor, hágamelo saber de una vez lo tienes instalado para que pueda probarlo. Las otras opciones es eliminar todas las líneas que he mencionado anteriormente que comienzan con 'inicial' directamente de los archivos CSS del tema. Es en la línea 6 de shortcodes.css. Tema en el directorio / css /]
Nick
Hola Nick, gracias por ayudarme
el código que adjuntas funciona pero va un poco mal, adjunto un enlace con los 2 rollover que me hace: http://estudioembora.com/tirar/rollover.jpg
También puedes ver el efecto realizado en: http://estudioembora.com/servicios (botón: ver proyectos)
Muchas gracias por todo.
Saludos !!
++++++++++
Google traductor:
Hi Nick, thanks for helping
attached the code works but goes a bit wrong, attached a link to the 2 rollover makes me: http://estudioembora.com/tirar/rollover.jpg
Also check the effect made in: http://estudioembora.com/servicios (button: see projects)
Thank you very much for everything.
Greetings!
This topic has been closed to new replies.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
