Support » Theme: Attitude » Can we Create a Line Between Page and Left Sidebar

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi rahulsurana,

    You can either put a ‘border-right:1px solid #82CFFD’ onto the secondary <div> on line 1177 of style.css (that will put a line whose length will be the same as the secondary container.) You will also need to adjust the width of the container to 31.00%

    Otherwise you can put a left border with the same color on the primary <div>, line 1011 of the style.css in the format ‘border-left: 1px solid #82CFFD’. You may need to also adjust the width.

    Hope that helps.

    Cheers
    Bryan

    Thread Starter rahulsurana90

    (@rahulsurana90)

    Hey Bryan

    Thanks for your response but the code you provided it din’t work, what it does is moves the left side bar to right side.

    I just want to add a border/Line between left sidebar and main content.

    Thanks

    Try this:

    .left-sidebar-template #primary {
        border-left: 1px solid #82CFFD;
        float: right;
        margin-left: 0;
        padding: 20px;
        width: 62%;
    }

    EDIT – and you should be using a child theme or custom CSS to make changes per Andrew’s post below.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You’re going to lose your modifications when the theme updates if you make them to the theme’s files.

    Thread Starter rahulsurana90

    (@rahulsurana90)

    Solved Thanks

    Hello there,

    I tried this code, but altered it for a right sidebar instead, and it doesn’t work. Here is a link to my site: http://www.readingforpleasure.net/

    Any suggestions?

    Best,
    Maria

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Can we Create a Line Between Page and Left Sidebar’ is closed to new replies.