Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #18819

    Hola,

    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

    #101050

    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

    #101051

    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!

    #101052

    Hi,

    #top.page .avia-button:hover {background-color: #F756BC !important;}

    Usted no necesita esto más adelante, por favor, elimine.

    .avia-button.light.custom.large :hover {
    background-color: #F756BC !important;
    }

    esto debe hacer el truco.

    Thanks,

    Nick

    #101053

    Perfecto

    Muchas Gracias Nick

    ;-)

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Quitar efecto en Botón’ is closed to new replies.