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 1 year, 9 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2005

    asccoder
    Member

    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

    #2006

    StartupWP
    Support
    #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%;
    }
    #2007

    asccoder
    Member

    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!

    #2008

    StartupWP
    Support

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

    #2011

    asccoder
    Member

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

    #2015

    StartupWP
    Support
    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;
    }
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.