Okay
  Public Ticket #2072439
Column offset issue
Closed

Comments

  • adrianaleites started the conversation

    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.

  •  8,994
    Tahir replied
    Hey, Please provide the page url so that i can write up the custom css for whats possible. Thanks


    ThemeNectar Support Team 

  • adrianaleites replied

    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.

  •  8,994
    Tahir replied

    Thanks have noted it in the Wishlist .

    Best 


    ThemeNectar Support Team