Row full width with columns in it

[Marine]

Hello,

On my site homepage, I wanted to have images in several columns but full width.
So I’ve put a row, inside the shortcode with 3 columns, another one with 2 columns and it works perfectly.
To reduce the space in width between 2 images, do I have to insert an extraclass in the row and change the margin-right and the row width? I’m a bit afraid of the result in a responsive point of view.
Thanks for your help,
Marine

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.one_half, .one_third, .two_third, .three_fourth, .one_fourth {
    margin-right: 2% !important;
    margin-left: 1% !important;
}

Thanks
Mohammad

[Marine]

I’ve just copied your css and it jumps on 2 lines 🙁

[Mohammad – SUPPORT]

Hi,
Please remove my last css code and use this new code:-

.one_half, .one_third, .two_third, .three_fourth, .one_fourth {
    margin-right: 0% !important;
    margin-left: 2% !important;
}

Thanks
Mohammad

[Marine]

Much better but I don’t want full width, no margin-left for the first image and no margin-right for the third one when I have 3 images. So I have to adapt the css with other values for one_half and one_half_last and same for one-third?

[Mohammad – SUPPORT]

Hi,
It looks perfect now. What do you want now?
Thanks
Mohammad

[Marine]

I’d like to remove the margin mentioned with the nice pink arrows on the doc attached.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please provide me login detail to check and find exact solution.
Thanks
Mohammad

[Marine]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

Editing the css to remove certain spacing is going to cause a bunch of issues in other places. Along with issues with responsive behaviour. If you want this sort of layout I would recommend upgrading to Atelier/Cardinal/Joyn as they have more flexible layout options

– Kyle

[Marine]

Argg but I can’t change the theme right now and buy Cardinal.
Thanks anyway

[Mohammad – SUPPORT]

Hi,
Its ok .
Thanks
Mohammad