Viewing 4 replies - 1 through 4 (of 4 total)
  • If you look at the faq page of the plugin this is how you change the stylesheet

    .one_half {
    width: 49% !important;
    margin-right: 2% !important;
    }
    .one_half.last_column {
    width: 49% !important;
    margin-right: 0px !important;
    }
    .one_third {
    width: 32% !important;
    margin-right: 2% !important;
    }
    .one_third.last_column {
    width: 32% !important;
    margin-right: 0px !important;
    }
    .two_third {
    width: 66% !important;
    margin-right: 2% !important;
    }
    .two_third.last_column {
    width: 66% !important;
    margin-right: 0px !important;
    }
    .one_fourth {
    width: 23.5% !important;
    margin-right: 2% !important;
    }
    .one_fourth.last_column {
    width: 23.5% !important;
    margin-right: 0px !important;
    }
    .three_fourth {
    width: 74.5% !important;
    margin-right: 2% !important;
    }
    .three_fourth.last_column {
    width: 74.5% !important;
    margin-right: 0px !important;
    }
    .one_fifth {
    width: 18.4% !important;
    margin-right: 2% !important;
    }
    .one_fifth.last_column {
    width: 18.4% !important;
    margin-right: 0px !important;
    }
    .two_fifth {
    width: 39% !important;
    margin-right: 2% !important;
    }
    .two_fifth.last_column {
    width: 39% !important;
    margin-right: 0px !important;
    }
    .three_fifth {
    width: 59% !important;
    margin-right: 2% !important;
    }
    .three_fifth.last_column {
    width: 59% !important;
    margin-right: 0px !important;
    }
    .four_fifth {
    width: 79.6% !important;
    margin-right: 2% !important;
    }
    .four_fifth.last_column {
    width: 79.6% !important;
    margin-right: 0px !important;
    }
    .one_sixth {
    width: 15% !important;
    margin-right: 2% !important;
    }
    .one_sixth.last_column {
    width: 15% !important;
    margin-right: 0px !important;
    }

    Hi

    The css that robodiaz posted worked for me on desktop. (spacing works)

    But on mobile, the columns are now displayed side by side instead of on top of each other.

    Is there a way to force 1 column per row on mobile?

    Okay, I solved the problem by adding the “optional padding” in the short-code insert-menu.

    Thanks guys.

    Daniel

    (@ddumondgmailcom)

    I too would like like you use the CSS provided in the FAQ how ever it breaks in mobile. ??

    Is there a way to correct this?

    Thanks in advance! ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Spacing between columns’ is closed to new replies.