I'm trying to achieve a custom layout like this: 4 columns + 1 column offset + 3 columns + 1 column offset + 3 columns (which equals to 12 columns).
As you can see in the attached screenshots, in the WP dashboard, it seems to be ok, but in the front end I got a spare space at the end of the last column. It's not using the 12 columns total as supposed.
I still can't provide the url for this page, as it is in production (in private mode).
Anyway, I managed to find a workaround for this issue. The offset class only includes the value of the column (which, in this case, for offset-1 is "margin-left: 6.382978723%", same as col-1's width) and it's missing the two margins (one for the column and another for the offset column, each 2.1%). I had to add the following to my css in order to overwrite the margin-left of the offset column that's not being calculated as supposed:
body .vc_row-fluid .col [class*="-offset-1"] { margin-left: calc(6.382978723% + 4.2%); }
Still, it's only a workaround. It would be best if the theme could updated his code to get it working as supposed.
I'm trying to achieve a custom layout like this:
4 columns + 1 column offset + 3 columns + 1 column offset + 3 columns (which equals to 12 columns).
As you can see in the attached screenshots, in the WP dashboard, it seems to be ok, but in the front end I got a spare space at the end of the last column. It's not using the 12 columns total as supposed.
Can you help me solving this issue?
Thanks in advance,
Adriana.
ThemeNectar Support Team
Hey! Thanks for your reply.
I still can't provide the url for this page, as it is in production (in private mode).
Anyway, I managed to find a workaround for this issue. The offset class only includes the value of the column (which, in this case, for offset-1 is "margin-left: 6.382978723%", same as col-1's width) and it's missing the two margins (one for the column and another for the offset column, each 2.1%). I had to add the following to my css in order to overwrite the margin-left of the offset column that's not being calculated as supposed:
body .vc_row-fluid .col [class*="-offset-1"] {
margin-left: calc(6.382978723% + 4.2%);
}
Still, it's only a workaround. It would be best if the theme could updated his code to get it working as supposed.
Thanks,
Adriana.
Thanks have noted it in the Wishlist .
Best
ThemeNectar Support Team