Soporte » Diseño – Temas y plantillas » Quitar subrayado de los vinculos

Viendo 10 respuestas - de la 1 a la 10 (de un total de 10)
  • Hola.
    Depende del tema que estés usando, puedes tener una opción para configurar cómo se mostrarán los enlaces.
    Si lo quieres hacer por CSS, puedes ponerlo en Apariencia > Personalizar > CSS adicional.
    Saludos.

    Yordan Soares

    (@yordansoares)

    Añadiendo a lo ya comentado por José Ramón, quisiera mencionar que si usas un tema compatible con la edición completa del sitio, puedes añadir tus estilos personalizados siguiendo los pasos a continuación:

    1. Dirígete al Escritorio > Apariencia > Editor, selecciona Plantillas, luego, elige cualquier plantilla.
    2. Después, haz clic en el icono del lápiz, ubicado al lado derecho del título de la plantilla que has seleccionado, para comenzar a editar.
    3. Haz clic en el icono de Estilos (◐), luego, en el icono de los tres puntos verticales () para ver más opciones y selecciona la opción CSS adicional.
    4. En el campo que se desplegará a continuación, puedes añadir las reglas CSS personalizadas que quieras aplicar a tu sitio.

    Hola, he intentado ese código, que menciono Hugo del foro anterior, ya que tengo el mismo problema, podrian darme una mano?, no me funciona aun. Me da esos errores desde la vista de escritorio, ya paso a otro botón y sigue mostrando esas lineas.

    https://prnt.sc/5XgkX0zK7MIW

    https://prnt.sc/XUQxKin-9IxN

    https://prnt.sc/UpqWFSZo7Diq

    Hola @nuestracasa
    En tu caso, lo que aparece es el borde del enlace.

    Para quitarlo, prueba con alguno de estos fragmentos de CSS:

    .page-content a, .entry-content a {
    text-decoration: none;
    border: 0 none;
    }

    .wp-block-button__link {
    text-decoration: none;
    border: 0 none;
    }

    Dependiendo de si quieres quitarlo para todos lo enlaces o de los botones. La línea que lo controla es:
    border: 0 none;
    Lo que hace es establecer el borde del enlace con un grosor de cero píxeles y sin ningún estilo.

    Espero que te sirva. Saludos.

    Buenos días! No me funciono 🙁

    Ninguno de los dos códigos.

    Hola.

    Prueba añadiendo !important a las líneas. No es una solución muy elegante, pero suele funcionar.

    .page-content a, .entry-content a {
    text-decoration: none !important;
    border: 0 none !important;
    }

    .wp-block-button__link {
    text-decoration: none !important;
    border: 0 none !important;
    }

    De todas formas, dinos la URL de la web para inspeccionar el código. La que tienes en tu perfil no funciona.

    Sigue sin funcionar a pesar de usar !important

    https://nuestracasaonline.xplast.com.py/

    este seria el sitio que estoy construyendo, luego de la última actualización me salio ese efecto.

    Muchas gracias!

    Por lo que veo, usas Elementor. Tendrás que configurarlo desde allí. El borde ese parece aparecer cuando el botón está activo.

    Lo he intentado desde personalizar, y desde elementor en ajuste de sitio – css personalizado y de ultima por código HTML en la web pero sigue asi, afecto a todo el sitio, funcionaria desinstalar el plugin y volver a Instalarlo?

    https://prnt.sc/CrVUmvc9Z80a

    Hola Nuevamente, no es la edición del elementor me pase un día revisándola, estoy muy frustrada porque esa decoración apareció de la nada y ya intente todo lo que estaba a mi alcance.

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