Is there a way to remove the image from product styling

This topic has 10 replies, 2 voices, and was last updated 6 years, 2 months ago ago by Rose Tyler

  • Avatar: redeyes
    redeyes
    Participant
    October 5, 2018 at 17:32

    is there a way to remove the image from product styling so the rest of the content can go full width on a specific product.

    currently I have the image removed, but its container is still there.

    https://froskr.com/vivarium-kits/vivarium-kit/

    I just want it so if there is no featured image, the place holder and gape is gone.

    thanks

    9 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 8, 2018 at 07:12

    Hello,

    Sorry for the delay due to the weekends.
    Please try to add this code in Custom css for product http://prntscr.com/l3fb6h :

    .product-images {
        display:  none;
    }
    .product-information {
        width: 100%;
    }

    Regards

    Avatar: redeyes
    redeyes
    Participant
    October 9, 2018 at 12:38

    Yes, this is the idea… but

    I need it to be product specific or if there is no featured image…

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 9, 2018 at 13:07

    Please describe desired result in more details.

    Regards

    Avatar: redeyes
    redeyes
    Participant
    October 9, 2018 at 13:55

    I want to remove the image from a single product or category of products. After the the image is removed I need the content to be the full width.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 9, 2018 at 14:01

    Is this what you are looking for http://prntscr.com/l403aw ? If not, provide screenshots for better understanding.
    You can use such screenshot maker as Lightshot https://prnt.sc/

    Regards

    Avatar: redeyes
    redeyes
    Participant
    October 9, 2018 at 14:33

    yes, this is exactly what I need… just only on that product or that catagory

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 9, 2018 at 15:15

    Please add this code in Theme Options > Custom css or in style.css of your child theme:

    .product_cat-vivarium-kits .product-images {
        display:  none;
    }
    .product_cat-vivarium-kits .product-information {
        width: 100%;
    }

    (this code will work for all products of vivarium-kits category)

    Regards

    Avatar: redeyes
    redeyes
    Participant
    October 9, 2018 at 19:10

    perfect… thank you

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 10, 2018 at 07:23

    You’re welcome!

    Regards

  • Viewing 10 results - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.