Home › Forums › WoodMart support forum › How to center image grid
How to center image grid
- This topic has 11 replies, 2 voices, and was last updated 3 years, 9 months ago by Elise Noromit.
-
AuthorPosts
-
March 14, 2021 at 12:41 pm #273397
YasinKsmGParticipantI want to center image grid but there no section for that.
Product page short description
[vc_row][vc_column][vc_gallery type=”image_grid” images=”7083,7084,7085,7086″ img_size=”100×150″ onclick=”custom_link”][/vc_column][/vc_row]
March 14, 2021 at 7:52 pm #273450
Elise NoromitMemberHello,
You can divide the row into three columns, then insert the element in the middle column.
Best Regards
March 15, 2021 at 9:07 am #273533
YasinKsmGParticipantnot working
March 15, 2021 at 9:25 am #273548
Elise NoromitMemberHello,
Please provide your site admin access to the private area.
Best Regards
March 15, 2021 at 9:34 am #273550
YasinKsmGParticipantthere is no specific page for that code I will use it on every product page but with different images.
here is code:
[vc_row][vc_column width=”1/3″][/vc_column][vc_column width=”1/3″][vc_gallery type=”image_grid” images=”7083,7084,7085,7086″ img_size=”100×150″ onclick=”custom_link”][/vc_column][vc_column width=”1/3″][/vc_column][/vc_row]
Is there any custom css for row to make it centered?
March 15, 2021 at 12:25 pm #273592
Elise NoromitMemberHello,
Please provide the page URL, if your site is under construction, please include the credentials to the private area, I will provide custom CSS.
Best Regards
March 15, 2021 at 1:06 pm #273611
YasinKsmGParticipantplease check private area
March 15, 2021 at 7:54 pm #273695
YasinKsmGParticipantprovided information. Is there any update?
March 16, 2021 at 11:55 am #273894
Elise NoromitMemberHello,
I have checked and see that you use the default WP bakery page builder, it cannot be center. Please use the WoodMart image gallery it has the option to align the center.
Best Regards
March 16, 2021 at 11:59 am #273899
YasinKsmGParticipantthis time I cant change image size???
March 16, 2021 at 12:09 pm #273910
YasinKsmGParticipant<p>[vc_row][vc_column][woodmart_gallery images="7086,7085,7084,7083" view="grid" spacing="0" horizontal_align="center" vertical_align="middle" on_click="links" woodmart_empty_space="" lazy_loading="no" img_size="50x75" target_blank="0" columns="4"][/vc_column][/vc_row]</p>
resault:
https://ibb.co/YtKR3dXHow can I remove gaps?
March 17, 2021 at 9:58 am #274224
Elise NoromitMemberHello,
You would better to upload images of the same size and the size of the image and gap would depend on the number of images in the row.
In addition, divide the row into three columns and insert the gallery into the middle, it would reduce the total width and would reduce the gap between the images.
Best Regards
-
AuthorPosts
- You must be logged in to create new topics. Login / Register