Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #476958

    I used the the suggested sidebar quick CCS code for the background color:
    @media only screen and (min-width: 768px) {
    .container_wrap.sidebar_right{
    background:-webkit-gradient(linear,right top,left top,color-stop(#7c6853,0.28),color-stop(white,0));
    background:-webkit-linear-gradient(right, #7c6853 28%, white 0%);
    background: -moz-linear-gradient(right, #7c6853 28%, white 0%);
    background: -o-linear-gradient(right, #7c6853 28%, white 0%);
    background: linear-gradient(right, #7c6853 28%, white 0%);
    }
    }

    It works on Chrome but in IE it’s white white background. Please advice. Thanks

    #477138

    Hi eddiekaodds!

    This isn’t a theme issue. It’s a browser quirk. You could follow along with this post, https://css-tricks.com/css3-gradients/, to use IE filters to try and get more support.

    Best regards,
    Elliott

    #477259

    Thanks for the response and the link. There is a lot of helpful information. However, do you have the code that works for both browsers?

    #477279

    Does this line covers IE 10+?
    From the link you provided:
    /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
    background-image:
    linear-gradient(to right, red, #f06d06);

    From the code I used:
    background: linear-gradient(right, #7c6853 28%, white 0%);

    #477755

    Hi!

    Use this, http://www.colorzilla.com/gradient-editor/, and make sure the IE option is checked.

    Cheers!
    Elliott

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