Align Grid Row Left Side to Site Box

both elements ( color-section and grid-row) are full-width elements.
I miss this too – an element that can be a container for other elements and can have the sidebar besides.
That would be a great thing.
Espacially the grid-row will be nice to have this behavior – because as you can see at his consturct – ( Link ) – that it would be a very fleible way to layout things.

can you sketch what you want to do?
something like this: https://webers-testseite.de/grid-row-2/

ok – that is better to understand.

first you had to know your general setting : default width is 1310px ( so half of it is 655px)
if you got a container that is 50% of the total width – how many padding left you will need?
the normal container class has a padding : 0 50px – so from inner Cell we had to diminish it.

give those grid-rows a custom class f.e.: special-grid-row

.special-grid-row .flex_cell.avia-builder-el-first {
    padding-left: calc(50% - 655px) !important;
}

.special-grid-row .flex_cell.avia-builder-el-first .flex_cell_inner {
    padding-left: 50px !important;
}

see here my construct – i got 1510px on total so my code is with 755px less
https://webers-testseite.de/shreinmedia/

• This reply was modified 6 years, 4 months ago by Guenni007.

Really friendly – thank you for the answer; unfortunately it is not usual here that a positive approach to a solution is answered quickly.
Your welcome!

PS : this was the solution for the first (left grid cell – .flex_cell.avia-builder-el-first ) –
you could transfer this solution to the right one yourself ? ( .flex_cell.avia-builder-el-last )
but then it will be better to have a unique class for those grid-row element
maybe ( special-grid-row-left and special-grid-row-right) etc. –

• This reply was modified 6 years, 4 months ago by Guenni007.

And once again – for your background-image in the right cell !
on mobile this is nearly gone. if you like to show something ( the image ) you can setup a min-height – or do a whitespace hr in it with a given height