Home › Forums › WoodMart support forum › Create CSS style

Create CSS style

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 30, 2020 at 3:26 pm #199242

    dami_re
    Participant

    Hello! How are they ? Is it possible to make a custom CSS that when passing the mouse over the image of the product shows me its description? For the moment I have disabled the description via CSS, but I would like to see them pass the mouse over them. Will this be possible? Attached image so that it is better understood by doubts. Thank you!

    Attachments:
    You must be logged in to view attached files.
    May 30, 2020 at 4:59 pm #199269

    Elise Noromit
    Member

    Hello,

    Try to set the Hover on the product in the Theme Settings > Shop page > Product Style – Summery on hover.

    Best Regards

    June 1, 2020 at 2:01 am #199525

    dami_re
    Participant

    Hello! It was very close to what I needed, but I think there must be a solution using CSS. I managed to see the product description by hovering the mouse. But I can only visualize it correctly when I see the articles within the product category and not in the carousel of the main Home, there it does not show me absolutely any information of the products. Image 1 and 2. Another problem is that I just want to see that the price is seen in the normal way and when hovering, only the title appears, “my wishes” and “add to cart” and that the Name of the seller of the item and not the complete short description of the product shown in image 2. Thank you very much for your patience!

    Attachments:
    You must be logged in to view attached files.
    June 1, 2020 at 2:03 am #199527

    dami_re
    Participant

    Photo2

    Attachments:
    You must be logged in to view attached files.
    June 1, 2020 at 2:05 am #199529

    dami_re
    Participant

    Sorry Photo 1

    Attachments:
    You must be logged in to view attached files.
    June 1, 2020 at 12:03 pm #199659

    Elise Noromit
    Member

    Hello,

    Carousel works with overfow:hidden; and it is not possible to disable it. Summery on hover requires overfow:hidden; to be disabled. That is why it is not possible to change with CSS.

    Best Regards

    June 1, 2020 at 6:41 pm #199767

    dami_re
    Participant

    Okay perfect, and is it possible to customize the static images of the categories? I need to leave the static price, by hovering to see only the product title (delete the short description that I do not need to see it) I am attaching a before and after image so that my concept is understood.

    Attachments:
    You must be logged in to view attached files.
    June 1, 2020 at 8:33 pm #199784

    Elise Noromit
    Member

    Hello,

    You can change the hover effect in the Theme Settings > Shop page > Product style. You can vide the demo of each effect here https://prnt.sc/srxr3i on our demo https://woodmart.xtemos.com/

    Best Regards

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