WC Blocks checkout product metadata

  • Resolved rasmusgd

    (@rasmusgd)


    4 years ago

    Hi

    I’m trying to figure out how to change the font size or completely delete the product metadata in the Order Summary column on the WC Blocks Checkout page, but I can’t figure out the CSS to do so. I have done the same thing on the WC Blocks Cart page by simply setting the font size to 0.

    Any help with the CSS that will fix this?

    Cheers Rasmus

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Joey – a11n

    (@jricketts4)

    Are you referring to the entire right sidebar where the Order Summary and Totals are located? If so you should be able to use:

    div.wc-block-checkout__sidebar { display:none; }

    Thread Starter rasmusgd

    (@rasmusgd)

    Hi Joey

    Yes, I was referring to the sidebar on the Checkout page. However, I just want to hide the product metadata (product description) as shown here marked by the red boxes: https://imgur.com/a/0u1xQsG

    On the Cart page (https://imgur.com/a/4kDjWO0) I hid it by simply setting the font size to 0 by using this:

    .wc-block-components-product-metadata {
    font-size: 0em; }

    Cheers Rasmus

    • This reply was modified 4 years ago by rasmusgd.
    • This reply was modified 4 years ago by rasmusgd.
    Plugin Support Adam Heckler

    (@adamkheckler)

    Try like so:

    div.wc-block-components-product-metadata__description { display: none; }

    That seems to work for me. Without it:

    https://d.pr/i/9ig6RF/662QFE8h1N

    With it:

    https://d.pr/i/JXbiX6/K9ednLnjqp

    Joey – a11n

    (@jricketts4)

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘WC Blocks checkout product metadata’ is closed to new replies.