About the layout "Order Items" of single order details

We're shifting our Forum based support to a more dedicated support system!

We'll be closing our Forum support from 10th June, 2020 and move to Email Support assistance.

  • If you are a WCFM premium add-ons user, contact us- here
  • Want to know more before buying our add-ons? Send Pre sale queries- here
  • If you are a WCFM free user, please open a support ticket at WordPress.org
  • For WCFM App related queries, reach us- here
From now the forum will be read-only!

Viewing 13 reply threads
  • Author
    Posts
    • #29424
      MOHO
      Participant

      When vendor view their order will go this page
      /admin/orders-details/oooo/

      There are five columns
      Item, Cost, Qty, Shipping, Total, Commission
      in Order Items area

      I think Item column is too wide then other columns, so it must change for layout.

      How could i make a little wider move left?

      thanks.

      Attachments:
      You must be logged in to view attached files.
    • #29472
      WCFM Forum
      Member

      Hi,

      This is CSS tweak, you may change those columns width.

      Thank You

    • #29487
      MOHO
      Participant

      Could you give me css to solve it?

      I’am not good at css custom,thanks.

    • #29929

      Hello,
      Below is the CSS code to fix the column width of the order table.


      #wcfm-main-contentainer .woocommerce_order_items {
      table-layout: fixed;
      }
      #wcfm-main-contentainer .woocommerce_order_items .item {
      width: 40%;
      }
      #wcfm-main-contentainer .woocommerce_order_items .item-thumb {
      width: 6%;
      }

    • #29965
      MOHO
      Participant

      @sayan
      Thanks your support,

      your css, make good look at pc layout
      but about the quantity

      pc is “x 2”
      mobile is
      x
      2

      but use your css, will became “x2”, will cover price.

      How could i solve it?

      thanks.

      Attachments:
      You must be logged in to view attached files.
    • #30002

      Hello,
      Can you add the following CSS and see if it solves the issue?

      @media only screen and (max-width: 850px) {
      #wcfm-main-contentainer .woocommerce_order_items {
      table-layout: auto;
      }
      }

    • #30010
      MOHO
      Participant

      @sayan

      It the same, no change, thanks.

    • #30051

      Hello,
      I have updated the CSS in your site. can you check?
      Thank You.

    • #30052
      MOHO
      Participant
      This reply has been marked as private.
    • #30055

      Hello,
      I think you are already connected to our official email id and Skype. It will be much easier to manage all communication from one single id. I will be there answering your queries from there. Hope that’s ok with you. 🙂

      Thank You.

      • #30056
        MOHO
        Participant

        Where is your “official email id and Skype”?

        So you are the member of WCfM?

    • #30057

      Yes, I am a member of WCfM team. You can contact any WCfM contacts address as always to reach me :).

      Thank You.

    • #30058
      MOHO
      Participant

      Got it! i will

      This is first time, not WCfM account to reply me ^___^

      Thanks for your quick and pro support.

    • #30060

      You are most welcome!

    • #30068
      MOHO
      Participant

      you could close it, thanks.

Viewing 13 reply threads
  • The topic ‘About the layout "Order Items" of single order details’ is closed to new replies.