< 3 items breaks CSS

  • drbb

    (@drbb)


    2 years, 8 months ago

    With plugin set to slider, if there are less than 3 items in the cache they display in a narrow 1-character-wide column down the left of the page. I’ve tried setting Number of Slides in view to 3, to -1, and left it blank. Nothing seems to work. Until there are three, some pages show just the header, others the header and the narrow column. Theme is Shoptimizer.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author rajarora795

    (@rajarora795)

    2 years, 8 months ago

    Sir,
    If you inspect the page,the file main.min.css(most probably from the theme) is overiding the default woocommerce css for the class ul.products .Its changing the display type to flex and imposing its own width which is causing trouble. The way out could be to target ul.products class in recent_products class.
    .recent_products ul.products{
    display: block;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    clear:both;
    }
    You might need to make the above css important if its still over-ridden by theme css.
    Hope it helps,
    Thanks
    Rajnish

    Thread Starter drbb

    (@drbb)

    2 years, 8 months ago

    Thanks, I’ll give that a try, and check back in here if I get it to work.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘< 3 items breaks CSS’ is closed to new replies.