• You’ll need to add something to the cart to see the problem at hand.

    I’ve been trying to customise the Cart remove button – it’s currently an X with a border (circle).

    I’ve tired to add custom CSS to Elementor on the [CART-FLOWS] element, tried to add custom CSS through OceanWP (Appearance > Custom CSS), and then I’ve tried to edit my child theme custom CSS through my theme panel, but it doesn’t seem to reflect anywhere either.

    Any ideas? Not sure why it’s not reflecting.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter avertshoecare

    (@avertshoecare)

    What I’m trying to do is remove the border altogether, and increase the size of the ‘X”, the custom CSS I’ve added to the Child Theme Style Sheet is;

    .woocommerce table.shop_table a.remove {
        display: inline-block;
        font-size: 25px;
        width: 25px;
        height: 25px;
        line-height: 23px;
        font-weight: 400;
        color: #bbb;
        border: 0px solid;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    Thread Starter avertshoecare

    (@avertshoecare)

    Right, latest update.

    I’ve left the Custom CSS in the Child Theme but looks like it’s doing nothing.

    I’ve now re-added the Custom CSS through Elementor > Custom CSS on the element itself and it appears to work when I’m previewing through Elementor/the live site builder. But when I go to look at the site on the front end, through a new browser with no Cache, it still displays the border and the smaller font size for the remove icon.

    Any ideas?

    Thank you.

    The Custom CSS in the Elementor > Custom CSS is:

    .woocommerce table.shop_table a.remove {
    border-width: 0px;
    font-size: 28px;
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Custom CSS not reflecting on site – ‘Remove’ button’ is closed to new replies.