Tagged: sidebar background color
-
AuthorPosts
-
March 15, 2016 at 4:19 pm #598453
Hello – I have a very time sensitive issue!
Love the theme, but having trouble with the background color of the sidebar. I want to be able to change the ENTIRE sidebar area background color, not just where the widgets are placed. I was using this initially:
.sidebar {
background-color:#39457d !important;
}Simple enough – but it’s not going over the entire sidebar area, just the widgets! Please help!
March 16, 2016 at 11:48 pm #599295Hey in2sight!
Thanks for getting in touch and sorry for the delay.
Could you please provide us with a link and login credentials to your site. You can put the login details in the Private Content section of your reply.
Best regards,
JordanMarch 17, 2016 at 4:12 pm #599647Hey thanks for getting back to me Jordan, login credentials are below!
March 17, 2016 at 4:48 pm #599704Hi!
Thanks for getting back to me!
Try the following CSS and see if it helps:
.container { padding-left: 0px; } .container .av-content-small.units { width: 75%; padding-left: 50px; } .sidebar { background-color:#39457d !important; padding-left: 50px; }
Cheers!
JordanMarch 17, 2016 at 4:51 pm #599712Hi Jordan,
That worked, but stretched the sidebar – check out the homepage…
March 17, 2016 at 4:57 pm #599725Hi!
Ah I see. Sorry about that, please try adding the !important tag to this code I gave earlier:
.container .av-content-small.units { width: 75% !important; padding-left: 50px !important; }
Let me know if that makes a difference.
Regards,
JordanMarch 17, 2016 at 5:04 pm #599744That set it into place, but still off lol… sorry! Check out this page: http://staging.in2sight.net/qmt/shop/lathes/precision-matthews-pm-1022v1030v-lathe/
We’re looking for the color to extend the full length of the sidebar, not just the widget areas – also it appears to not stretch the complete length of the sidebar, there’s a little gap before the sidebar border. Thanks Jordan!
March 17, 2016 at 5:24 pm #599785Hi!
Please add the below code to Quick CSS it will make the sidebar height same as the page height.
#top #main .sidebar_left .sidebar { position: absolute; top: 0; bottom: 0; }
Best regards,
Vinay KashyapMarch 17, 2016 at 5:33 pm #599792Hi Vinnie, that doesn’t work at all.. see the homepage: http://staging.in2sight.net/qmt/
March 17, 2016 at 6:36 pm #599874Any word on this Vinnie? We’re looking to get this finalized today. It’s cutting off the sidebar widgets with the CSS you provided.
March 18, 2016 at 11:21 am #600201Hey!
We have added the below CSS in Quick CSS at the bottom
/* full height sidebar*/ #top #main .sidebar_left .sidebar { position: absolute!important; top: 0!important; bottom: 0!important; overflow-y:auto; }
Please review the site now :)
Regards,
Vinay Kashyap -
AuthorPosts
- You must be logged in to reply to this topic.