How to add two box in same line

Viewing 3 replies - 1 through 3 (of 3 total)

  • I’ve used su_note instead of su_box if it’s okay for you

    [su_row]
[su_column size="1/2" center="no" class="colfix"]
[su_note note_color="#00FF00" text_color="#ffffff" radius="0"]Left Box green[/su_note]
[/su_column]
[su_column size="1/2" center="no" class="colfix"]
[su_note note_color="#FF0000" text_color="#ffffff" radius="0"]right Box red[/su_note]
[/su_column]
[/su_row]

    Additional you should paste this CSS-Code into Shortcode/Settings/Custom CSS
    This will remove the margin between the two colums

    .su-row .su-column.colfix {
    margin: 0 0 0 0%;
}
.su-column-size-1-2.colfix {
    width: 50%;
}
    • This reply was modified 5 years, 9 months ago by Dozent.IS.

    Amazing idea
    Thank you :-*

    do you know how to remove the board of su-box, i can not use setting button, when i click it, it appears blank.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to add two box in same line’ is closed to new replies.