logooneasesoria4

¿Necesita una consulta gratuita?

Cómo quitar el subrayado de enlaces de Astra en botones y clases personalizadas @ Ayuda WordPress

El tema Astra incluye un ajuste para añadir (o no) el subrayado a todos los enlaces de la web, algo recomendado para una mejor accesibilidad de la web, lo que pasa es que no siempre querrás subrayar TODOS los enlaces.

Por ejemplo, en los botones y algunos elementos puede no no ser estrictamente necesario añadir un subrayado que «muestre» que es un enlace.

subrayar enlaces del contenido con el tema astra

Afortunadamente el tema Astra dispone de una serie de códigos con los que puedes personalizar aún más el tema de lo que ofrece el personalizador, y hay en concreto dos filtros que puedes utilizar para definir algunos elementos que no quieres que tengan subrayado aunque hayas activado ese ajuste.

Quitar subrayado de enlaces de botones y otros elementos de maquetación

Simplemente añade el siguiente código al archivo functions.php del tema hijo de Astra, o mediante otro método si lo prefieres:

add_filter( 'astra_unset_builder_elements_underline', '__return_true' );

Quitar subrayado de clases de anclajes personalizados

Si añades algún anclaje personalizado para ir a partes concretas de un contenido, puedes añadirle una clase personalizada desde el editor y, posteriormente, configurar Astra para que no subraye esas clases personalizadas que hayas creado, con un código como este:

/* Quitar subrayado de enlaces de anclajes personalizados */
add_filter( 'astra_remove_underline_anchor_links', 'update_selectors_to_remove_underline', 10, 1 );
function update_selectors_to_remove_underline( $selectors ) {
$selectors = $selectors . ', a.clase-de-mi-anclaje-uno, a.clase-de-mi-anclaje-dos';
//.clase-de-mi-anclaje-uno es un ejemplo de clase CSS asignada a un anclaje de texto, pon tus selectores con esta sintaxis.
return $selectors;
}

Por ejemplo, si defines una clase CSS personalizada para tu anclaje con el nombre clase-de-mi-anclaje-uno, solo tienes que añadirlo con la a. delante, o sea: a.clase-de-mi-anclaje-uno, como en el ejemplo.

En esta captura verás a lo que me refiero del anclaje, por si no lo has hecho nunca.

clase css anclaje texto editor wordpress

Este código, una vez modificado según tus necesidades, también puedes añadirlo como el anterior.

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

¿Te gustó este artículo?

Déjanos tus comentarios..!

19 de septiembre de 2023

RECIBE

GRATIS

Recursos para tu web GRATIS.

En agradecimiento por haber leido nuestro blog te ofrecemos algúnos plugins, temas y asesoría para el desarrollo de tu sitio web.
Envía correo y espera respuesta...Gracias..!
baneranunciopluginsbest
Publicaciones Relacionadas
Abrir chat
One Asesoría
Hola 👋
¿Necesita cotizar una página o tienda online, cómo podemos ayudarle..?