I’m using the Midnightcity theme (unfortunately it is no longer supported by the developer who was brilliant with providing assistance)

I would like to insert a thin yet clearly visible vertical blue line separating the right sidebar from the main content.

Could someone provide a custom CSS for this please…?

https://www.quantumliving.com.au

thanks!

#sidebar {
border-left: 1px solid blue !important;
padding-left: 5px !important;
}

Thanks
Mohammad

Try and avoid using the !important tag if at all possible as it can have unintended impact elsewhere in the css cascade:

#sidebar {
float: right;
margin: 35px 0 0 10px;
padding-left: 10px;
width: 290px;
border-left: 1px solid blue;
}

I hope this works for you
HUgues

I’d like to update my objective.

Since I have a light grey background on the whole page, I’d like to make my sidebar background colour about 2-3 shades Lighter so that it stands out without borders as such, and without being pushed down the page.

I would be most grateful for a custom CSS that would do that ??

many thanks !

as I said in my previous post, I have decided to change the background colour of the sidebar, rather than adding a vertical line as it doesn’t have the effect I want.

I will not muck about with the theme (it goes beyond my level of web coding knowledge), and will work only with custom css (safe!). If this can’t be done by custom css, I will get a pro to fix it for me.

many thanks

#sidebar {
float: right;
margin: 20px 0 0 10px;
width: 290px;
background-color: blue;
padding: 10px 10px 0 10px;
}

I would recommend adding the CSS in the customiser as it’s a simple change, here:

View post on imgur.com

I hope this helps you.
Hugues

thank you – however this custom css has made my ENTIRE sidebar disappear…..! so can’t use it.