Home Forums WoodMart support forum How to center image grid

How to center image grid

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #273397

    YasinKsmG
    Participant

    I want to center image grid but there no section for that.

    Product page short description

    https://ibb.co/mTm7QcN

    [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]

    #273450

    Hello,

    You can divide the row into three columns, then insert the element in the middle column.

    Best Regards

    #273533

    YasinKsmG
    Participant
    #273548

    Hello,

    Please provide your site admin access to the private area.

    Best Regards

    #273550

    YasinKsmG
    Participant

    there 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?

    #273592

    Hello,

    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

    #273611

    YasinKsmG
    Participant

    please check private area

    #273695

    YasinKsmG
    Participant

    provided information. Is there any update?

    #273894

    Hello,

    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

    #273899

    YasinKsmG
    Participant

    this time I cant change image size???

    #273910

    YasinKsmG
    Participant

    <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>

    https://ibb.co/LQtTCp7

    resault:
    https://ibb.co/YtKR3dX

    How can I remove gaps?

    #274224

    Hello,

    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

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