a href text not showing up

  • Resolved popos93

    (@popos93)


    3 years, 7 months ago

    hello,

    If you add an item to the cart and then go to the cart page, there should be an “x” next to the item name so that you can remove the item from the cart. However, instead of the “x” text, there is an empty box.

    I looked over the CSS code, but I can’t understand which part is hiding the text. Can you help me find this out? Thank you

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

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi ??

    It looks like there is some styling on the CSS pseudo element:

    .mkdf-woocommerce-page table.cart tr.cart_item td.product-remove a:after {
    content: "\f404";
    display: inline-block;
    vertical-align: middle;
    speak: none;
    color: inherit;
    font-family: Ionicons;
    font-size: 25px;
    line-height: inherit;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    Also, the .product-remove class has its font size set to 0, which means the x does not show.

    .mkdf-woocommerce-page table.cart tr.cart_item td.product-remove a {
    color: #565969;
    font-size: 0;
    line-height: 1;
}

    If you need any more pointers, just shout!

    Thread Starter popos93

    (@popos93)

    Thank you! I managed to fix the issue following your instructions.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘a href text not showing up’ is closed to new replies.