Home Forums WoodMart support forum Responsive options and

Responsive options and

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

    hknerdr
    Participant

    Hello

    First of all thank you for the support and for this great theme.

    I have 3 questions for now.

    1- I am using product features template for my product, as you know, it has 1 image in the center and 6 information boxes around. How can i put arrow or lines from image to that points to those information boxes?

    2- How can i make that product feature image resize on tablet and mobile?

    3- How can i make those information boxes aligned center on tablet or mobile but stay same on desktop?

    Attachments:
    You must be logged in to view attached files.
    #342102

    Hello,

    1) Please elaborate on what you require with some relevant screenshots to check it myself and help you put it accordingly.

    2) Basically the products’ images are controlled by woocommerce and our theme doesn’t influence them. WooCommerce provides some settings that you can find under Appearance >> Customize >> WooCommerce >> Product Images.

    you can read our detailed documentation about image alignment and content in the following link:
    https://xtemos.com/docs/woodmart/faq-guides/image-size-content-alignment-product-grid/

    3) You can try creating separate sections for each device and hide them for devices using the Responsive options.

    Screenshot for Clarification: https://ibb.co/rcWC0Tn

    Best Regards

    #342106

    hknerdr
    Participant

    Hello thanks for the quick reply.

    1- you may find an example screenshot what i am trying to achive.

    2- It is not a product, it is just an image. It is “product feature” template available on woodmart.

    3- So should i clone the same section below and hide them for desktop for example?

    Thanks

    #342119

    Hello,

    1) Please try editing the columns and try adding a border.

    Please read the following article for help:
    https://kb.wpbakery.com/docs/learning-more/element-design-options/

    2) If we try using CSS then it will affect the image quality.

    3) Yes Exactly.

    Best Regards

    #342135

    hknerdr
    Participant

    ok thanks. So i think i should clone the section for the image also to make it responsive right?

    Also i am not sure if my screenshot is uploaded, so i uploaded again to show what i want to achieve for the first question.

    Also how can i change letter spacing on title box and content boxes?

    Attachments:
    You must be logged in to view attached files.
    #342251

    Hello,

    You are Most Welcome.

    1. Yes it will.

    2. It is not possible to make the exact copy of the section. But you can try achieving something like that using our timeline element.https://woodmart.xtemos.com/timeline/

    3. Please provide a relevant screenshot to check it myself and help you out accordingly.

    Best Regards

Viewing 6 posts - 1 through 6 (of 6 total)