Eliminar underline o subrayado

  • Resuelto pepe2017

    (@pepe2017)


    hace 6 años, 5 meses

    Hola
    He encontrado infinidad de códigos para eliminar el subrayado. Parece super fácil.
    Sin embargo en mi caso concreto, por algún motivo que desconozco, no consigo eliminarlo.
    Se trata de los enlaces acategorías en el left sidebar. No encuentro la clase a la que corresponde. Me da que puede ser porque no es el nombre en texto sin más indicando el nombre de la categoría o pagina, sino que creé widgets para poder ordenar la posición de cada categoría.
    Creo que por ese motivo no me cambia o sospecho que alguna orden superior en mi Css adicional o en la propia hoja de estilo que tenga prioridad. La verdad es que con tantos códigos en el CSS adicional, puede que yo mismo la esté armando…. Tengo todo esto en el CSS adicional:
    .widget-area .widget {
    font-size: .999em !important;
    font-family: tahoma;
    font-style: normal;
    }
    .widget .widget-title, .widget .widgettitle {
    font-size: 1.41575em !important;
    font-family: tahoma;
    font-style: normal;
    }
    .woocommerce-price-suffix{
    font-size: 16px;
    font-family: tahoma;
    font-style: normal;
    }
    .price{
    font-size: 16px;
    font-family: tahoma;
    font-style: normal;
    }
    .wp-caption-text{
    font-size: 16px;
    font-family: tahoma;
    font-style: normal;
    }
    .site-content{
    font-size: 16px;
    font-family: tahoma;
    font-style: normal;
    }
    .nav-menu{
    font-size: 16px;
    font-family: tahoma;
    font-style: normal;
    }
    .cart-contents{
    font-size: 16px;
    font-family: tahoma;
    font-style: normal;
    }
    .site-search{
    font-size: 12px;
    font-family: tahoma;
    font-style: normal;
    background: #2c2d33;
    }

    .header-widget-region .widget {
    margin: 0;
    padding: 0em 0;
    }
    .woocommerce-breadcrumb {
    display: none;
    }
    .storefront-breadcrumb {
    display: none;
    }
    .site-main {
    margin: .3px;
    }
    .wp-caption .wp-caption-text {
    text-align: left;
    font-style: normal;
    font-family: tahoma
    }
    Luego tengo un snippet que no creo que tenga nada que ver:
    /*
    * HABILITAR CANTIDAD MÍNIMA DE PEDIDO
    */
    function woo_minimum_order_amount() {
    $minimum = 50; // Modificar 10 por el importe mínimo de compra
    if ( WC()->cart->total < $minimum ) {
    if( is_cart() ) {
    wc_print_notice(
    sprintf( ‘Debes realizar un pedido mínimo de %s para finalizar tu compra.’ , // Personalizar texto
    wc_price( $minimum ),
    wc_price( WC()->cart->total )
    ), ‘error’
    );
    } else {
    wc_add_notice(
    sprintf( ‘Debes realizar un pedido mínimo de %s para finalizar tu compra.’ , // Personalizar texto
    wc_price( $minimum ),
    wc_price( WC()->cart->total )
    ), ‘error’
    );
    }
    }
    }
    add_action( ‘woocommerce_checkout_process’, ‘woo_minimum_order_amount’ );
    add_action( ‘woocommerce_before_cart’ , ‘woo_minimum_order_amount’ );

    He probado casi de todo… Tengo claro que el atributo es text-decotaration: none;
    Pero la clase no doy con ella.

    Gracias de antemano.

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

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Moderador almendron

    (@almendron)

    hace 6 años, 5 meses

    La regla que determina el subrayado es

    .widget-area .widget a:not(.button) {
	font-weight: 600;
	text-decoration: underline;
}

    Añade al CSS adicional

    .widget-area .widget a:not(.button) {
	text-decoration: none !important;
}
    Iniciador del debate pepe2017

    (@pepe2017)

    hace 6 años, 5 meses

    Muchisimas gracias Almendron.
    Perfecto y a la primera…He estado muy cerca…Lo que no ponía era a:not(.button) que sinceramente ni idea de para qué se usa..Estoy estudiando, pronto llegaré a ese capitulo (Tengo 51 años, jejeje).
    Muchas gracias, ya te debo varias.

    Moderador almendron

    (@almendron)

    hace 6 años, 5 meses

    De nada. Un saludo.

    Nota. Para la próxima vez:

    1.- Botón derecho sobre la parte de la página que te interese
    2.- Clic en «Inspeccionar elemento» o «Inspeccionar» (depende del navegador)
    3.- Y ya podrás ver las reglas.

    Iniciador del debate pepe2017

    (@pepe2017)

    hace 6 años, 5 meses

    Gracias, pero eso lo llevo haciendo varios días… Ya me lo dijiste para otro problema y lo uso mucho.. Pero aunque encontraba la clase correcta, no me funcionaba..Supongo que por lo de a:not(.button).

    Bueno, lo importa es que ya está, GRACIAS

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • El debate ‘Eliminar underline o subrayado’ está cerrado a nuevas respuestas.