Home › Forums › WoodMart support forum › Remove price from product hover

Remove price from product hover

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • October 2, 2018 at 4:26 pm #80509

    fotoviva
    Participant

    Hi
    On one section of my site I am using the ‘full info on hover’ design for some product grid. How can I remove some of the hover content, especially the pricing please?
    Thanks

    October 2, 2018 at 4:50 pm #80523

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS: 

    .woodmart-hover-info-alt .top-information .amount, .woodmart-hover-info-alt .top-information .price, .woodmart-hover-info-alt .top-information .price ins {
    display:none;
}

    Best Regards

    October 3, 2018 at 8:48 am #80632

    fotoviva
    Participant

    Thanks for that, it works a treat.

    Did you know the ‘full info on hover’ design breaks on ios? I’m left with the price beneath each image and no way to style it.

    October 3, 2018 at 9:03 am #80638

    Elise Noromit
    Member

    Hello,

    Do you want to hide price on ‘full info on hover’ or style? Sorry, your question is not clear enough, please clarify.

    Best Regards

    October 3, 2018 at 9:21 am #80644

    fotoviva
    Participant

    Sorry, on mobile I would like to remove the price and style the product name, thanks 🙂

    October 3, 2018 at 9:24 am #80646

    fotoviva
    Participant

    Also on https://kanjilight.xyz I can’t work out why there is a white gap above the footer before the grey row above it?

    October 3, 2018 at 11:07 am #80661

    Elise Noromit
    Member

    Hello,

    In order to get rid of the white gap, please add the code to the Theme Settings > Custom CSS:

    body.site-content {
    margin-bottom: 0;
}

    Add the code to the Theme Settings > Custom CSS > mobile/tablet

    .woodmart-hover-base .wrapp-product-price {
 display:none;
}

    In order to customize product title, navigate to the Theme Settings > Typography > Advanced Typography https://xtemos.com/docs/woodmart/advanced-typography-settings/

    Your theme should be of the latest edition.

    Best Regards

    October 3, 2018 at 11:54 am #80684

    fotoviva
    Participant

    Thanks, though the css to remove the white gap didn’t work?

    Also worth noting is that if I put any kind of css animation on a section title it often does not display on Safari, or just displays like a ghosted version. That’s a shame as the animations really help the pages stand out.

    October 3, 2018 at 12:41 pm #80692

    Elise Noromit
    Member

    Hello,

    I have corrected the CSS for the Footer the white gap has gone.

    You have not added this code: 

    .woodmart-hover-base .wrapp-product-price {
 display:none;
}

    I have added to desktop and it works. Remove from the desktop and insert in Custom CSS > mobile or elsewhere you need.

    Best Regards

    October 3, 2018 at 1:23 pm #80701

    fotoviva
    Participant

    I didn’t realise you had access to the site! From a previous ticket maybe?

    Really appreciate your support, I have just done a positive review on themeforest for you.

    Just one more thing… for the product grids, can they have columns adjusted for different devices? I have product grids with say 6 items and on tablet it ends up being a row of 4 followed by a row of two which aesthetically doesn’t look good. Would be good to have 2 rows of 3 for that instance. Can they be changed or not? If not, at least have them centred.

    October 3, 2018 at 2:15 pm #80712

    Elise Noromit
    Member

    Hello,

    Thank you very much for the review!

    In order to set the number of products in a row, navigate to the Theme Settings > Shop > Product grid and find the option http://prntscr.com/l1q05k

    The option allows to set the number of products on mobile 1 or 2 and set the products on other devices.

    Best Regards

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)