Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 9, 2014 at 11:09 am #348310
    user877

    Hi,

    Ive added

    remove_action( ‘woocommerce_before_single_product_summary’, ‘woocommerce_show_product_images’, 20 ); to theme functions.php which removes the product image and code works as expected.

    The next objective is to use all available space for product title, options, add-to-cart button etc.. so I used this

    Using chrome inspector I found this

    .single-product-main-image {
    width: 33%;
    float: left;
    margin-right: 50px;
    overflow: hidden;
    padding-bottom: 50px;
    }

    When editing via inspector I achieve the desired results, for example changes to width

    .single-product-main-image {
    width: 0%;
    float: left;
    margin-right: 50px;
    overflow: hidden;
    padding-bottom: 50px;
    }

    The issues I have are when adding this code to custom CSS there’s no change. Can you advise?

    Thanks

    November 10, 2014 at 1:01 am #348569
    Ismael

    Hey user877!

    Thank you for using Enfold.

    Use this to remove the product image container:

    .single-product-main-image.alpha {
display: none;
}

    Cheers!
    Ismael

    November 10, 2014 at 10:17 am #348686
    user877

    I removed functions.php code

    remove_action( ‘woocommerce_before_single_product_summary’, ‘woocommerce_show_product_images’, 20 );

    add_action( ‘woocommerce_before_single_product_summary’, ‘woocommerce_show_product_thumbnails’, 20 );

    and added your code to CSS, didn’t seem to work. Product image still shown.

    November 10, 2014 at 10:25 am #348688
    user877

    Ive removed other CSS code and now works.

    Thanks for the top notch support :)

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Modded product page – issue with CSS’ is closed to new replies.