Home › Forums › WoodMart support forum › Issues with Icon Box Widget, Background Stretching, and Icon Display in Product

Issues with Icon Box Widget, Background Stretching, and Icon Display in Product

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 27, 2024 at 12:05 pm #592878

    jeremb5
    Participant

    Hello,
    1) In the Elementor Icon Box widget, when I resize the window, the columns are not centered, and the icons become too small. It seems this issue is caused because the text doesn’t automatically wrap to the next line. Take a look on the screencast : https://drive.google.com/file/d/1IyqEsgqdE0ccr7Ulhil4IgcRWvgtqrWG/view?usp=drivesdk

    2) How can I stretch the background of this column ? Please have a look on the screenshot : https://drive.google.com/file/d/1XZr53TEM96A0-epd4YULJBSiaTYZ9PaR/view?usp=drivesdk
    I’d like to stretch it without affecting the picture, the content and the responsiveness.

    3) In your widget Product Additional Information Table (that is very awesome by the way and I thank you for that) , I don’t arrive to add an icon when I use only a term. The image or the icon can appear only if I add a title. Do you know if it’s possible to display a icon though with maybe a css code? Or is there a simpler way ? Here’s screencast showing it : https://drive.google.com/file/d/1-0gyTs5liH6UcRiI4Csg9dXEI6PJ-11S/view?usp=drivesdk

    Thanks you

    August 27, 2024 at 3:48 pm #592945

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

    Best Regards

    August 30, 2024 at 12:28 am #593707

    jeremb5
    Participant

    Thanks you

    August 30, 2024 at 10:26 am #593785

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    01. Browser resizing is not a standard way of checking the concern for the responsive viewports. You can check your Site on a real time device (Mobile/desktop/tablet) and check the issue. After resizing from the desktop viewport to the tablet or mobile screen sizes, the page needs to be reloaded.

    02. Navigate to layouts > Edit single product layout > Edit the Container > and in the Xtemos layout choose the Stretch Container.
    https://ibb.co/s1DYvJ4

    03. Try to use the image or svg widget for the icon in the layout.

    Best Regards

    September 3, 2024 at 8:14 pm #595008

    jeremb5
    Participant

    Hello,
    1. I’m not sure i understood, i replicated the issue using different devices. Also try replace grid by flexbox. But it’s still quite messy.
    2. Perfect thanks
    3. You mean I add a a svg widget near the attribute one?

    September 4, 2024 at 12:10 pm #595143

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    01. Can you please share some screenshots of the original devices for better understanding to reproduce the issue on your site.

    02. If you want to use only icons you can add the image or svg widget.

    Best Regards

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