my account payment method visual flaw #2

  • Resolved noname

    (@casahova)


    3 years ago

    Good Day ,

    I have previously reported on an issue where a colon is seen by itself beside the delete button function on the my account payment method page. I was told it was a theme issue, hence I went to ask assistance from the theme developer. However they were not able to replicate the issue. I tried changing theme, and the colon symbol is still there. We believe it is not a theme related issue. Can the team look into this again?

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Senff

    (@senff)

    Hi @casahova

    Can you tell me where you see this colon exactly? I’m not seeing it myself, as you can see here:


    Image link: https://d.pr/i/sWMACK

    Thread Starter noname

    (@casahova)

    Hello,

    The colon is actually more visible on mobile and tablet view because somehow the colon is hiding behind the delete function on desktop.

    Thanks!

    • This reply was modified 3 years ago by noname.
    Plugin Support Senff

    (@senff)

    Hey @casahova

    It definitely is a theme issue (though other themes such as Storefront have the exact same issue). The following code is causing it:

    .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
    content: attr(data-title) ": ";
    font-weight: 700;
    float: left;
}

    This code is located in the file https://www.casahova.com/wp-content/themes/astra/assets/css/minified/compatibility/woocommerce/woocommerce-smallscreen.min.css which, if you look at the path, is located in your Astra theme.

    You can override this by adding the following CSS code to your site:

    table.shop_table_responsive tr td[data-title].woocommerce-PaymentMethod:last-child::before {
  display: none; 
}

    Though, it may also have an impact on other parts of your site — if that’s the case, you’ll need to check this with Astra’s support team for further assistance.

    Thread Starter noname

    (@casahova)

    Hello,

    Thanks for the clarification! The code does indeed remove the colon. So far, everything on site looks as per normal. I will forward this to the Astra team! Thank you so much for the help!

    Regards

    Plugin Support Job a11n

    (@jobthomas)

    Automattic Happiness Engineer

    That’s great to hear! I’m going to mark this as resolved – we’ll be here if and/or when you are ready to continue.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘my account payment method visual flaw #2’ is closed to new replies.