Navigation
Archive / Border around single column in section
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 20, 2017 at 9:24 pm #1414500
    BradleyB
    Participant

    I have a border that on the top and bottom of an entire section with two columns. I would only like the border to be around one of the columns. Is this possible? Please see attached image.

    March 20, 2017 at 9:26 pm #1414504
    BradleyB
    Participant
    This reply has been marked as private.
    March 21, 2017 at 5:53 am #1414772
    Thai
    Moderator

    Hi There,

    Please remove the border of your sections, after that add the following CSS under Customizer > Custom > Global CSS:

    .x-column-border {
    min-height: 242px;
}
.x-column-border:before,
.x-column-border:after {
    content: "";
    height: 1px;
    background-color: #000;
    position: absolute;
    width: 100%;
}
.x-column-border:after {
    bottom: 0;
}

    Then add the x-column-border class to the class field of your right columns:

    http://i.imgur.com/f79SsOB.png

    http://i.imgur.com/y7eaJ9H.png

    Hope it helps 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1414500 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>