Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 2, 2021 at 9:09 am #1308469
    YourChoice Informatik GmbH

    Hi
    We use Enfold and WooCommerce.
    When we set the colums under the WooCommerce settings to 3, the product boxes width comes bigger on the shop page.
    But we have also special pages, i.e. for sale products. There we use an official WooCommerce shortcode. But there, the product boxes with does not come bigger, the boxes are always small no matter how many columns we display.
    Can you help us for that also this boxes with comes bigger?
    See details in the private content section.
    Thanks very much.
    Best regards
    Mike

    July 3, 2021 at 8:18 am #1308566
    Rikard

    Hey Michael,

    Please try the following in Quick CSS under Enfold->General Styling:

    .woocommerce.columns-3 .products.columns-3 ul li {
  width: 32.5%;
}

    Best regards,
    Rikard

    July 5, 2021 at 8:43 am #1308720
    YourChoice Informatik GmbH

    Hi Rikard
    Thanks for your response.
    This CSS code does not change anything. On the normal shop page it is still ok, on the “Aktionen” or “Neuheiten” page it is not ok, the product boxes are too small.
    Best regards
    Mike

    July 6, 2021 at 4:16 am #1308857
    Rikard

    Hi,

    Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    July 8, 2021 at 12:37 pm #1309253
    YourChoice Informatik GmbH

    Hi Rikard
    See the login information in the private content section.
    Best regards
    Mike

    July 10, 2021 at 4:57 am #1309465
    Rikard

    Hi,

    Thanks for that. I modified the CSS for you a bit, and it’s applying now. Please review your site.

    Best regards,
    Rikard

    July 12, 2021 at 10:18 am #1309706
    YourChoice Informatik GmbH

    Hi Rikard
    Thanks very much. It seems, that it works fine ;-)
    Can you just confirm me, that you only added this CSS code:

    .av_promobox {
margin-top: 10px !important;
margin-bottom: 10px !important;
}

    or is there another code you added/modified?
    Best regards
    Mike

    July 13, 2021 at 7:21 am #1309887
    Rikard

    Hi,

    I added this to your Quick CSS box:

    .columns-3 .products li {
  width: 32.5%;
}

    Not what you posted in your last reply.

    Best regards,
    Rikard

    July 13, 2021 at 8:42 am #1309892
    YourChoice Informatik GmbH

    Hi RIkard
    Ah sorry, yes, I only looked at the bottom, so I didn’t see the code you added ;-)
    Thanks very much.
    So, you can close this issue.
    Best regards
    Mike

    July 13, 2021 at 5:23 pm #1310002
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Width of product box’ is closed to new replies.