sidebar background color
By Paul on Wednesday, 20 September 2017
Posted in Elegant
Likes 0
Views 1.1K
Votes 0
how would I change the background color of the sidebar to extend fully? I tried:



.sidebar {

    width: 30%;

    background: #f1f1f1;

}


but this only covers any portion where a module has content so what I end up with is this attached screenshot:
Hi Paul,

I'm not really sure which sidebar you are referring to. Perhaps you can provide me the url of the page so I can inspect the properties of this sidebar to give you the proper css.
Raymond
·
Wednesday, 20 September 2017 12:01
·
0 Likes
·
0 Votes
·
0 Comments
·
The sidebar of the elegant template. http://elegant.stackideas.com/
Paul
·
Wednesday, 20 September 2017 14:46
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Paul,

Perhaps you can try this.


.wrap { background-color: #color; }

.content { background-color: #color; }
The background of the entire sidebar is actually a part of the .wrap class. So you have to apply the desired sidebar color into this class.

Then override back the .content part with it's original color or your desired color.
Raymond
·
Wednesday, 20 September 2017 15:58
·
0 Likes
·
0 Votes
·
0 Comments
·
cool thank you
Paul
·
Wednesday, 20 September 2017 21:47
·
0 Likes
·
0 Votes
·
0 Comments
·
You are most welcome Paul.
Mark
·
Wednesday, 20 September 2017 22:48
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post