Divi - Documentación en español

Actualizada v3.28

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 pasar el cursor.

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 pasar el cursor

También puede ajustar el estilo del botón al pasar 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 de botones

Facebook
WhatsApp
Twitter
LinkedIn
Pocket
Reddit
Enviar por correo
Imprimir

4 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.

  2. Saludos cordiales,
    he añadido un código para poder visualizar el botón de añadir al carrito en los productos, en el archivo functions.php en un tema hijo de DIVI, al momento que quiero personalizar el botón, color, tamaño de texto, en ese momento surgen efecto los cambios, pero cuando nuevamente refresco la pagina nuevamente regresa el estilo por efecto de DIVI.

    /* Botón de añadir al carrito en el módulo tienda de Divi */
    function dac_add_cart_button () {
    add_action( ‘woocommerce_after_shop_loop_item_title’, ‘woocommerce_template_loop_add_to_cart’, 10 );
    }
    add_action( ‘after_setup_theme’, ‘dac_add_cart_button’ );

  3. Hola!, haber si podeís ayudarme…
    En el personalizador quiero cambiar el fondo del botón y no me deja por los permisos, he revisado y en Administrador y todos los posibles usuarios están activados!, no sé ya que hacer…
    Les agradezco lo que buenamente puedan sugerirme.
    Saludos.-

Deja un comentario

Tu dirección de correo electrónico no será publicada.

 

Ir arriba