Soporte » WordPress Avanzado » Banner tapa el boton de whatsapp

  • marioweb

    (@marioweb)


    Buenas tardes.
    Agradeceré me puedan ayudar con un problema que tengo en la página web. Puse un boton de whatsapp en la página pero mi problema es que el banner q aparece abajo tapa el icono de whatsapp lo que yo deseo es que el icono aparezca adelante de ese banner. ¿Cómo puedo hacerlo?. De ante mano muchas gracias.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • Moderador Jose Luis

    (@jose64)

    Hola.

    Tienes que cambiar la posición del botón con la propiedad z-index, en el enlace tienes la información al respecto.

    En tu caso tienes que añadir este código al archivo style.css de tu tema hijo o en el CSS personalizado del tema, en la ruta Apariencia > Personalizar > CSS adicional:

    .joinchat.joinchat--left.joinchat--btn.joinchat--show.joinchat--tooltip {
        z-index: 10000;
    }

    Con este código le asignas una posición superior al botón, así consigues que se vea encima del los otros elementos.

    Recuerda marcar el debate como resuelto, así nos ayudas a mantener el foro al día.

    Iniciador del debate marioweb

    (@marioweb)

    Buenas tardes.
    Coloque el código en el lugar donde me indicó y sigo teniendo el mismo problema u.u

    Moderador Jose Luis

    (@jose64)

    Hola.

    Fuerza el valor de la propiedad z-index añadiendo un important!, el código quedaría así:

    .joinchat.joinchat--left.joinchat--btn.joinchat--show.joinchat--tooltip {
        z-index: 10000 important!;
    }

    Según veo yo el código, sobra .joinchat--tooltip así que quedaría de esta manera:

    .joinchat.joinchat--left.joinchat--btn.joinchat--show {
        z-index: 10000;
    }

    Otro asunto es que te deberías plantear la usabilidad de ese banner, con su propio botón, una minúscula X de cierre y dos botones de chat por encima… Todo un infierno para el usuario.

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • Debes estar registrado para responder a este debate.