Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 29, 2014 at 12:57 am #257385
    wackyadventurer

    Hi,

    Is there any way to change the color of the sidebar?

    Thanks.

    April 29, 2014 at 5:45 pm #257755
    Yigit

    Hi wackyadventurer!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #top #main .sidebar { background-color: red; }

    and adjust as needed

    Best regards,
    Yigit

    December 2, 2014 at 4:39 pm #361515
    chrisknittel

    Is it possible to color the entire sidebar area, basically, from where the border begins to the edge and all the way to the footer?

    December 3, 2014 at 3:37 am #361914
    Ismael

    Hey!

    I’m sorry but the height of the sidebar will depend on the number of widgets inside of it. You need to create a script that will get the height of the content container and apply it on the sidebar. This way, the sidebar will always have the same the height as the content container. You can then apply the css code above. Something like this: http://stackoverflow.com/questions/3275850/set-a-div-height-equal-with-of-another-div

    Regards,
    Ismael

    December 3, 2014 at 10:56 am #362032
    chrisknittel

    Thanks for quick reply!

    Will look into it!

    December 3, 2014 at 11:45 am #362045
    chrisknittel

    Maybe not the sexiest way to do it. But it served my purpose:

    #after_section_1 {
    background-color: #F3F3F3 !important
    }

    div.template-page {
    background-color: #FFF !important;
    }

    .sidebar_left .content {
    border-left: none;
    }

    .sidebar_left .content {
    float: right;
    margin-right: -133px;
    margin-left: -1px;
    padding-left: 50px;
    padding-right: 86px;
    }

    @media only screen and (max-width: 767px) {
    .sidebar_left .content {
    float: right;
    margin-right: -50px;
    margin-left: -1px;
    padding-left: 50px;
    padding-right: 0px !important
    }
    }

    @media only screen and (max-width: 767px) {
    #after_section_1 {
    background-color: #FFF !important;
    }
    }

    http://www.roamingbilling.com/about/

    December 3, 2014 at 4:50 pm #362231
    Yigit

    Hi!

    Glad you figured it out and thank you for sharing your solution!

    Regards,
    Yigit

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Colored sidebar’ is closed to new replies.