Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 11, 2014 at 12:04 am #277305
    jswebdev

    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?

    June 11, 2014 at 4:00 am #277346
    Ismael

    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

    June 18, 2014 at 9:09 pm #280750
    jswebdev

    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.

  • Author
    Posts
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.