New Topic

Vertical Lines Separating Columns

Home › Forum › Customization › Vertical Lines Separating Columns

This topic contains 5 replies, has 2 voices, and was last updated by  StartupWP 4 years, 3 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 17, 2014 at 5:46 PM #2005

    asccoder
    Participant

    Hello :)

    I was wondering if there was a way to insert a thin vertical line between each column on the page, to give it a more separated and defined look.

    http://theasccoder.com

    left sidebar | main | right sidebar

    Thanks!
    Kellie

    December 17, 2014 at 9:38 PM #2006

    StartupWP
    Keymaster
    #lsidebar-sidebar {
  border-right: 1px solid #ccc;
}
#rsidebar-sidebar {
  border-left: 1px solid #ccc;
}
#lsidebar-sidebar, #rsidebar-sidebar {
  margin: 4% 0.975%;
  padding: 0 0.975%;
}
    December 18, 2014 at 7:23 AM #2007

    asccoder
    Participant

    Thank you…and one more question….do I put this code in a child file or parent and is it the style.css file or a different one?

    Thanks again and happy holidays!

    December 18, 2014 at 10:20 PM #2008

    StartupWP
    Keymaster

    Always the child. Or if you’re on Pro you can use the theme options.

    December 20, 2014 at 2:26 PM #2011

    asccoder
    Participant

    Is it possible to also have these lines divide the columns in the footer widget?

    December 20, 2014 at 9:28 PM #2015

    StartupWP
    Keymaster
    body #footer-sidebar .widget-container {
  border-right: 1px solid #777;
  margin-right: 2%;
  min-height: 180px;
  padding-right: 2%;
}
body #footer-sidebar .widget-container:last-child {
  border-right: 0 none;
}
  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.