Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #277305

    We would like to add a vertical border (dotted line repeated image) on the left and right of the main content of our site. See: http://www.skytran.net/files/home/skyTran_HomeComp-006.jpg for a mockup of what we’d like to do.

    Can you suggest the easiest way for us to achieve this?

    #277346

    Hey Jane!

    Thank you for using the theme.

    I don’t think that is possible with css only so you might need to modify the theme files. Please hire a freelance developer to add the background for you. You can try this though:

    #main div.container:before {
    content: '';
    background: red;
    height: 9999px;
    width: 1px;
    display: block;
    position: absolute;
    left: -10px;
    z-index: 9999;
    }
    
    #main div.container:after {
    content: '';
    background: red;
    height: 9999px;
    width: 1px;
    display: block;
    position: absolute;
    right: -10px;
    z-index: 9999;
    visibility: visible;
    }

    Adjust the width then replace the value of the background property.

    Best regards,
    Ismael

    #280750

    Hi Ismael, Thanks for your feedback on my request. We ended up adding simple vertical borders to the CSS definition for each page and it worked out fine, so this query is resolved.
    Thanks.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘How to add vertical border on left and right of main content on each page’ is closed to new replies.