Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #12914


    1. I’m using WooCommerce with Abundance and my Related Products are misaligned. Can you help? Here’s a link to a page at my site affected by this issue:

    2. On my Product Category pages, when I hover over any product the Show Details text and the little icon are overlapping. Here’s another link so you can see this issue:

    Thank you!



    I am also having trouble with my Related Product alignment.

    Example here: (Purchase code hidden if logged out) -pack-of-50/


    Hi adamdanielmedia,

    I’m not having either of those issues when I view your page. Is it only happening in a specific browser?


    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #top div .thumbnail_container .show_details_button {
    background-position-x: 2px !important;
    #top div .thumbnail_container .add_to_cart_button.product_type_grouped, #top div .thumbnail_container .add_to_cart_button.product_type_variable {
    background-position-x: 2px !important;





    I actually found and fixed the problem over the weekend. snowtone, are you using a dual sidebar layout as the default for your blog posts? If so, here’s the CSS that’s messing you up:

    .dual-sidebar .content {

    width: 450px;

    margin-left: 240px;


    That left margin CSS was pushing my Related Products to the right and off the page.

    Here’s the CSS I used to fix my Related Products:

    #top .related.products .content, #top .upsells.products .content {

    margin-left:0 !important;

    padding-left:0 !important;




Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Abundance Related Products Issue’ is closed to new replies.