Vertical line between columns

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

    (@chuo999)

    Hello… same question here
    Thanks

    lowethca

    (@lowethca)

    You should create a div inside one of the column shortcodes and style that. Don’t style the shortcode divs because any additional padding (or even borders!) mess with the width of the columns and will cause “pushing” of the div to the block below -> you will then be back here saying your divs don’t stay on the same line as they should!

    Example:

    [one_half]
<div style="border-right: 1px solid #000;"><p>Text here with black border to the right.</p></div>
[/one_half][one_half]
<p>Text here with no border</p>
[/one_half]

    Obviously you need to work out which div needs the border… what you’re trying to do may involve a bit more coding with CSS media queries so that your border gets removed when a mobile browser is used and your divs “stack”… the example above will display a black border to the right even when the columns have gone “full width”.

    lowethca

    (@lowethca)

    * the last [one_half][/one_half] should have been [one_half_last][/one_half_last]

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