Okay
  Public Ticket #2048181
Product display
Closed

Comments

  •  30
    damien started the conversation
    June 14, 2019 at 7:08pm

    Hi,

    Ive been updating the website http://covertsubvert.staging.wpengine.com and noticed a few things that Im trying to resolve that I could do with some guidance on please.

    (1) Homepage product carousel. The rollover shadow is clipped to the container and loks odd. This doesnt happen on your demo example. How can this be fixed?

    (2) Hide search box on product size dropdown

    (3) Hide categories on product page*


    Thanks
    Damien

  •  8,994
    Tahir replied
    June 15, 2019 at 11:39am

    Hey Again,

    - Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .wpb_row.full-width-content .vc_col-sm-6 .woocommerce .nectar-woo-flickity .flickity-viewport {
    overflow: visible;
}
body[data-fancy-form-rcs="1"].woocommerce.woocommerce .woocommerce-ordering {
    display: none !important;
}

    - To hide the categories you will have to adjust the Woocommerce Page Options .


    Thanks

    ThemeNectar Support Team 

  •  30
    damien replied
    June 17, 2019 at 8:15pm

    Hi Tahir,


    Thanks, that got rid of the shadow container clipping issue but introduced a new issue which is the product carousel appearing above the left column image? is there a way of stopping this?


    See www.covertsubvert.com to see the issue.

  •  8,994
    Tahir replied
    June 18, 2019 at 10:16am

    Hey Again,

    In that case simply reduce the box shadow size . 

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .material.product:hover {
    box-shadow: 0 20px 20px rgba(0,0,0,.17) !important;
}

    Thanks

    ThemeNectar Support Team 

  •  30
    damien replied
    June 18, 2019 at 5:11pm

    Hi,


    The issue is still being caused unfortunately, See grab


    Thanks

    Damien

  •  8,994
    Tahir replied
    June 19, 2019 at 1:12am

    Yes you need to remove this css provided earlier as well.

    .wpb_row.full-width-content .vc_col-sm-6 .woocommerce .nectar-woo-flickity .flickity-viewport {
    overflow: visible;
}

    ThemeNectar Support Team 

  •  30
    damien replied
    June 19, 2019 at 3:21pm

    Hi Tahir,


    Thankyou thankyou, that worked perfectly.