[Support request] Modify – Product Catalog of Prime – Site Library template

Home Forums Support Modify – Product Catalog of Prime – Site Library template

This topic contains 1 reply, has 2 voices, and was last updated by  David 1 month ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1253056

    sigreo

    Hi,
    I’m going to use “Prime” template from your site-library, but before of all i would like to know if it’s possible only to apply the shadow in the pic of the product when i put “hover” the cursor over each product.
    I mean i would like the text of each product be separated of the div that contains the picture and the text with the same “shadow-hover” effect, and only keep that effect in the picture of each product.
    Thanks for everything.

    Sigreo

    #1253256

    David Customer Support

    Hi there,

    yes, Prime uses some CSS to create that effect. After installing the site go to Customizer > Additional CSS and replace this CSS:

    /* Product archives and product blocks styles */
    .woocommerce ul.products li.product,
    .wp-block-columns.contact .wp-block-column {
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    		border: 1px solid #ddd;
        transition: all 0.1s ease-in;
        border-radius: 3px;
    		box-sizing: border-box;
    }
    
    .woocommerce ul.products li.product:hover, 
    .wp-block-columns.contact .wp-block-column:hover {
        box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    }

    with this:

    /* Product archives and product blocks styles */
    .woocommerce ul.products li.product img,
    .wp-block-columns.contact .wp-block-column img {
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    		border: 1px solid #ddd;
        transition: all 0.1s ease-in;
        border-radius: 3px;
    		box-sizing: border-box;
    }
    
    .woocommerce ul.products li.product:hover img, 
    .wp-block-columns.contact .wp-block-column:hover img {
        box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    }
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.