Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 8, 2017 at 5:58 pm #835952
    jonrouse

    Hi,
    I followed some code on this page https://kriesi.at/support/topic/color-change-in-sidebar/#post-245767
    To change the colour of the sidebar, however, when the widgets run out, there is an inset white panel.

    Please see private link to a post on the dev site where I am getting the problem.

    Thanks in advance.

    August 9, 2017 at 2:25 pm #836416
    jonrouse

    I’ve had to comment out the CSS for the time being, but I’ve attached a link to a screen grab in the private area in the hope that you might be able to assist.

    August 9, 2017 at 2:50 pm #836437
    Victoria

    Hi jonrouse,

    You can add the color using the code below. But the sidebar does not go to the bottom of the page and does not have enough padding on the right for the google maps.
    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top #main .sidebar {
    background-color: rgba(0, 0, 0, 0.1);

    If you need further assistance please let us know.
    Best regards,
    Victoria

    August 9, 2017 at 3:56 pm #836460
    jonrouse

    Thanks Victoria, as I said in my previous message, I had found a solution on the forums using this code.

    .sidebar {
    background: #f8f8f8;
}
@media only screen and (min-width: 768px) {
    .container_wrap.sidebar_right{
        background:-webkit-gradient(linear,right top,left top,color-stop(#f8f8f8,0.295),color-stop(white,0));
        background:-webkit-linear-gradient(right, #f8f8f8 29.5%, white 0%);
        background:   -moz-linear-gradient(right, #f8f8f8 29.5%, white 0%);
        background:     -o-linear-gradient(right, #f8f8f8 29.5%, white 0%);
        background:        linear-gradient(right, #f8f8f8 29.5%, white 0%);
    }
}

    But it isn’t running full page height. I’ve commented it out now, but you can see the problem with the image. I was wondering if there was a way of making the changes run full page height.

    It’s a shame, because it looks awesome at the top of the page!

    August 10, 2017 at 1:16 pm #836950
    Victoria

    Hi jonrouse,

    Could you please get your code working there and we see what we can do?

    Best regards,
    Victoria

    August 10, 2017 at 1:58 pm #836976
    jonrouse

    Hi,

    I can’t at the moment because the client is scrutinising the site. As soon as I am able to I will let you know.

    Thanks
    Jon

    September 11, 2017 at 1:19 pm #850465
    Tonicobertera

    Hello,
    I have a little problem with colouring the sidebar. Depend on the size screen, the colour overcome the line of the sidebar…
    Any idea to solve it? Thank you so much.

    September 12, 2017 at 5:39 pm #851128
    Nikko

    Hi,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    .page-id-36 #main .template-page.content {
    border: 0 !important;
}

    Hope this helps :)

    Best regards,
    Nikko

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