Home › Forums › WoodMart support forum › Responsive options and
Responsive options and
- This topic has 5 replies, 2 voices, and was last updated 2 years, 10 months ago by Aizaz Imtiaz Awan.
-
AuthorPosts
-
December 27, 2021 at 9:40 am #342053
hknerdrParticipantHello
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.December 27, 2021 at 12:02 pm #342102
Aizaz Imtiaz AwanKeymasterHello,
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
December 27, 2021 at 12:19 pm #342106
hknerdrParticipantHello 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
December 27, 2021 at 1:18 pm #342119
Aizaz Imtiaz AwanKeymasterHello,
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
December 27, 2021 at 1:41 pm #342135
hknerdrParticipantok 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.December 28, 2021 at 6:14 am #342251
Aizaz Imtiaz AwanKeymasterHello,
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
-
AuthorPosts
Tagged: product features, responsive
- You must be logged in to create new topics. Login / Register