Home › Forums › WoodMart support forum › Customization of Products (Grid or Carousel)

Customization of Products (Grid or Carousel)

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 29, 2024 at 7:44 am #625960

    zhufan122881
    Participant

    Hello
    I wrote a set of code to display the discount percentage and discount amount in the Products (Grid or Carousel) component.
    However, I don’t want it to be displayed when the “products hover“ is “small”. What should I do ?
    The following is the code I wrote, but it doesn’t work. Is it because the class name is written incorrectly?
    Thank you!

    Attachments:
    You must be logged in to view attached files.
    December 30, 2024 at 1:59 pm #626206

    Hung Pham
    Keymaster

    Hi zhufan122881,

    Thanks for reaching to us and appreciate your patience.

    Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

    .wd-hover-small .product-discount-wrapper{
	display: none;
}

    Regards,

    December 31, 2024 at 9:49 am #626384

    zhufan122881
    Participant

    It works！Thank you !

    December 31, 2024 at 1:06 pm #626427

    Hung Pham
    Keymaster

    Hi zhufan122881,

    Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

    If you have a quick minute we always appreciate a 5-star rating on our theme!

    https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

    Your feedback is the motivation to improve our work and services.

    Regards,

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

The topic ‘Customization of Products (Grid or Carousel)’ is closed to new replies.