Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #85587
    riccrom123
    Member

    Ho,
    How can i create a vertical line between content and right sidebar?

    Riccardo

    #85588
    riccrom123
    Member

    I tried this css but doesn’t work well because there is not margin

    #content {
    border-right: 2px solid #D8D8D8 !important;
    margin-right: 5px;
    }

    fabricfoto.it/testcatchevolution

    #85617
    Mahesh
    Participant

    Hi @riccrom123,

    This can be done in two ways, add border to the content(border will extend to content’s height) or to the secondary(border will extend to secondary height)
    1. Add border to content.

    @media screen and (min-width: 961px) {
        #content {
            border-right: 2px solid #D8D8D8;
            padding-right: 13px;
        }
    }

    2. Add border to secondary.

    @media screen and (min-width: 961px) {
        #secondary {
            border-left: 2px solid #D8D8D8;
            padding-left: 13px;
        }
    }

    Note: Please use any one of the above.

    #85659
    riccrom123
    Member

    Thank you Mahesh!

    #85693
    Mahesh
    Participant

    Hi @riccrom123,

    Thank you for your appreciation.
    Have a nice day!

    Regards,
    Mahesh

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Create vertical line to separate content and sidebar’ is closed to new replies.