Woo update messed up product preview layout

  • Resolved kenk11

    (@kenk11)


    6 years, 8 months ago

    After updating Woocommerce to latest 3.3.3 , my front page product preview layout is messed up and products appear in a narrow box. Should be 4 products, each 1/4 layout of the page. Theme is Avada , site iconfit.eu

    Any ideas how to fix this? All settings seem to be correct at 1/4 width per product column. Using woo shortcode “product by id” to display the products.

    • This topic was modified 6 years, 8 months ago by kenk11.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You should remove this bit of CSS:

    
.products-4>li {
    ...
    width: 24.25%;
    ...
}

    If you don’t know where that is, in the “Additional CSS” section of the dashboard add this:

    
body .products-4>li {
    width: auto;
}

    https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

    • This reply was modified 6 years, 8 months ago by Andrew Nevins.
    Thread Starter kenk11

    (@kenk11)

    Thank you so much Andrew, it worked. I found a similar solution online earlier with different code suggested but it did not work – actually when I removed it after testing the it messed up also my menu text colour (its white now on light gray background).

    Any idea how to fix the menu text colour? I am using Avada and Avada theme options menu is not also displaying correctly. Just see a blank area there so cant just go to menu settings and update there :/

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In the “Additional CSS” section of the dashboard add this:

    
.fusion-main-menu > ul > li > a {
    color: red
}

    https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

    Thread Starter kenk11

    (@kenk11)

    That works! Thanks again for your help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Woo update messed up product preview layout’ is closed to new replies.

Tags