Removing padding of nested columns on Visual Composer rows

Envato Authors Theme Authors
1

Hello, I’m using following style to remove Right & Left padding of nested columns on VC rows. So do you have any practice about it and is it okay?

VC Columns
e5xz7Uj.jpg1051×611 

.vc_row-fluid .vc_row.vc_inner {
    max-width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}
.vc_row-fluid .vc_row.vc_inner div:first-child {
	padding-left: 0;
}
.vc_row-fluid .vc_row.vc_inner div:last-child {
	padding-right: 0;
}
2

Hmm it doesn’t work when I add following layout. Please share your experience with it and I didn’t get a solution from VC support team, looks hired staffs are not efficient though

VC
QwTeaM2.jpg1115×687

3

this is working for me

.vc_row-fluid .vc_row.vc_inner [class*='vc_col-']:first-child { padding-left: 0; } .vc_row-fluid .vc_row.vc_inner [class*='vc_col-']:last-child { padding-right: 0; }