Ajustar el estilo de los botones

Los botones de Divi definitivamente son personalizables

Hemos equipado el personalizador de tema para los botones con todas las opciones de estilo que pueda necesitar. Al usar estos controles, podrá crear botones únicos y atractivos en su sitio.

Divi - Personalizador - Botones

Para empezar a personalizar los botones de su sitio, primero debe ingresar al Personalizador de tema, con un clic en el enlace Divi > Personalizador de tema del menú de WordPress. Luego haga clic en el panel Botones para abrir los ajustes correspondientes. Los ajustes para los botones están separados en dos secciones: Estilo de botones y Estilo al posar el ratón.

Estilo de botones

Aquí puede ajustar la apariencia general de los botones, con los diferentes controles del personalizador. Puede cambiar el color de texto y de fondo de los botones, ajustar el tamaño y estilo de fuente, e incluso crear botones con esquinas redondeadas, usando el selector deslizante para radio de borde. Además, podrá cambiar la fuente predeterminada y el icono que se muestra dentro del botón.

Divi - Personalizador - Estilo de botones

Estilo al posar el ratón

También puede ajustar el estilo del botón al posar el puntero del ratón. Al aplicar un estilo diferente del botón en su estado normal para la acción de posar el puntero, el resultado es un vistoso efecto de animación. Esta animación tendrá lugar cuando el usuario lleve el puntero del ratón sobre el botón.

Divi - Personalizador - Estilo al posar el ratón

Facebook
Google+
Twitter
LinkedIn
WhatsApp
Skype
Enviar por correo
Imprimir

2 comentarios en “Ajustar el estilo de los botones”

  1. Gracias por haberme enviado código para personalizar botón volver arriba, ha sido geniay y efectivo.

    Ahora quiero saber:
    *como puedo cambiar el color del botón del carro en divi?
    *Como hacer que el enlace a la política de privacidad sea de un color que destaque?
    *como hacer que aparezca botón compra rápida y corazón de favoritos en donde salen todos los productos?

    1. Hola, Gloria.

      Para cambiar el color del icono del carrito, el código es el siguiente:

      .et-cart-info span:before {
        color: #000;
      }
      

      Depende de dónde hayas colocado el enlace a la política. Si está en alguno de los menús, podés darle al elemento una clase personalizada y luego aplicarle estilos.

      En cuanto al tercer punto, Divi no incluye estas características. Tendrías que buscar algún plugin.

      Saludos.

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *