Woocommerce Product Page Display Issue

  • Resolved pawpawcalls

    (@pawpawcalls)


    6 years, 6 months ago

    Hello all. I’m a pretty “green” when it comes to web development and am new to this forum. I figured this would be a good place to reach out for some help on a issue I found while developing my site (the site isn’t ready for launch yet, but I published a particular page to use as an example.

    A little background info about what I’m using:
    Inmotion Hosting, WordPress w/Boldgrid, Westview Theme, Woocommerce

    When I view any of my pages containing products, I see that there is a space (a greyish box) or line entered above the product in the 1st column and the 4th column. This causes the product in the 4th column not to line up with the products in the previous columns.

    Just to see what would happen I set my product pages to display only 3 columns and 2 columns, and still noticed the same greyish boxes appearing. I assume this is a issue with woocommerce coding somewhere, but I don’t even know where to begin on this one.

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter pawpawcalls

    (@pawpawcalls)

    Oh, Note:
    On my “clearance” page, I am simply using the following woocommerce shortcode to pull in the products shown on that page:

    [product_category category=”clearance”]

    That’s a Boostrap deal. The way your theme was coded too. Simply take the padding out with CSS and overwrite it.

    Thread Starter pawpawcalls

    (@pawpawcalls)

    NICE, thanks for the assist. I did it a little differently than you suggested, but you helped point me in the right direction. Maybe you can inform me of what is closer to best practice (your way or mine)?

    Using Chrome’s developers console I found where the issue is (like you said, padding) located in this theme file:

    bootstrap.min.css?ver=3.3.1

    Using Inmotion’s file browser, I backed up that file, then edited the file to find the “problem padding” and removed it.

    No problem. You did well. I hate Bootstrap with a passion. Worst coding I have ever seen in my life. I only use Foundation. But we live with that card we’re dealt right? So you did good. A lot of the problems with BS is that it comes down to selectors. Theirs are not unique enough and mess plugins up, modules, themes. I could go on but I’m falling asleep talking about it. :o)

    Thread Starter pawpawcalls

    (@pawpawcalls)

    Haha, thanks again.

    You’re welcome! :o)

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Woocommerce Product Page Display Issue’ is closed to new replies.