Eliminar subrayado en todos los enlaces del Theme Astra

El tema Astra cuenta con una opción para habilitar (o deshabilitar) el subrayado en todos los enlaces del sitio web, algo que se recomienda para mejorar la accesibilidad en la web. Sin embargo, es importante tener en cuenta que no siempre se desea subrayar TODOS los enlaces.

Por ejemplo, en el caso de los botones y ciertos elementos, puede que no sea estrictamente necesario agregar un subrayado que indique que se trata de un enlace.

Afortunadamente, el tema Astra ofrece una serie de códigos que permiten una personalización adicional más allá de lo que se puede lograr con el personalizador. En particular, existen dos filtros que puedes emplear para especificar elementos en los que no deseas tener subrayado, incluso si has activado esa configuración.

Eliminar subrayado en todos los enlaces

Para ello, simplemente agrega el siguiente código al archivo functions.php del tema hijo de Astra, o utiliza otro método de tu elección si así lo prefieres:

add_filter( 'astra_unset_builder_elements_underline', '__return_true' );

Eliminar el subrayado de clases de anclajes personalizados

"Si decides agregar anclajes personalizados para navegar a secciones específicas de tu contenido, puedes asignarles una clase personalizada a través del editor y luego configurar Astra para que no subraye esas clases personalizadas que hayas creado. Esto se logra utilizando un código similar al siguiente:

/* 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 creas una clase CSS personalizada para tu anclaje con el nombre 'clase-de-mi-anclaje-uno', simplemente debes agregarlo con 'a.' delante, es decir: 'a.clase-de-mi-anclaje-uno', tal como se muestra en el ejemplo.

En la captura que se muestra a continuación, podrás observar a qué me refiero con respecto al anclaje, por si es algo que nunca has realizado.

Una vez que hayas personalizado este código de acuerdo a tus necesidades, puedes agregarlo de la misma manera que el código anterior."