Can we Create a Line Between Page and Left Sidebar

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

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.

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

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: https://www.readingforpleasure.net/

Any suggestions?

Best,
Maria