[Resolved] Woocommerce My Account Orders Layout

Home Forums Support [Resolved] Woocommerce My Account Orders Layout

Home Forums Support Woocommerce My Account Orders Layout

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #396059
    Arturo

    How can I have the original layout in Woocommerce My Account Orders? After activating GP Woocommerce extension, the layout changed for orders, making the buttons more big and one above the other.

    Please see attached screenshots

    https://imgur.com/a/mc1uT

    #396235
    Leo
    Staff
    Customer Support

    Hi there,

    Any chance you can link me to the page? Thanks!

    #396259
    Arturo

    Hi! Sure you can head to https://tienda.libresencristo.org and create an account, place an order without paying and you will see what I am referring in my account orders.

    #396945
    Leo
    Staff
    Customer Support

    Sorry which table is that? I’m at the checkout page but can’t see it?

    Is it a default WooCommerce table?

    #396968
    Arturo

    Hi Leo. The table or layout is under My Account > Orders. Since it is in spanish it would be Mi Cuenta > Pedidos.

    #396987
    Leo
    Staff
    Customer Support

    Try this CSS:

    .woocommerce table.shop_table td {
        padding: 0;
    }

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    #396995
    Arturo

    Thanks, but how can I return to the original table layout when GP woocommerce extension is not Activated? As you can seen from the screenshot in the first message, I would like the original layout. Is this possible?

    #396998
    Leo
    Staff
    Customer Support

    When GP’s WooCommerce add-on is not activated? Then it should return to the default layout. Is it not?

    #397134
    Arturo

    Sorry for my misunderstanding. When GP’s Woocommerce is inactive the default layout is shown. What I am looking for is this same default layout when extension is activated.

    #397382
    Tom
    Lead Developer
    Lead Developer

    You could give something like this a try:

    .woocommerce table.shop_table {
        border: 1px solid rgba(0,0,0,.1);
        border-radius: 5px;
    }
    
    .woocommerce table.shop_table td {
        padding: 4px 8px;
        border: 1px solid rgba(0,0,0,.1);
    }
    
    .woocommerce table.shop_table td, .woocommerce table.shop_table th {
        padding: 4px 8px;
    }
    #397623
    Arturo

    It worked perfectly. Thanks

    #397715
    Tom
    Lead Developer
    Lead Developer

    You’re welcome 🙂

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.