Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #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!

    #599295

    Hey 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,
    Jordan

    #599647

    Hey thanks for getting back to me Jordan, login credentials are below!

    #599704

    Hi!

    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!
    Jordan

    #599712

    Hi Jordan,

    That worked, but stretched the sidebar – check out the homepage…

    #599725

    Hi!

    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,
    Jordan

    #599744

    That 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!

    #599785

    Hi!

    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 Kashyap

    #599792

    Hi Vinnie, that doesn’t work at all.. see the homepage: http://staging.in2sight.net/qmt/

    #599874

    Any word on this Vinnie? We’re looking to get this finalized today. It’s cutting off the sidebar widgets with the CSS you provided.

    #600201

    Hey!

    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

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.