Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 31, 2017 at 2:50 pm #740656
    lsgstudio

    Hello,

    I added the following code to the Quick CSS window. It creates a nice maroon background for my right side bar.
    However, it works fine in chrome but not in explorer or on my iPhone (shows as white).
    Can you help? Thanks.

    @media only screen and (min-width: 768px) {
    .container_wrap.sidebar_right{
    background:-webkit-gradient(linear,right top,left top,color-stop(#7d223a,0.200),color-stop(#dadada,0));
    background:-webkit-linear-gradient(right, #7d223a 26.0%, #dadada 0%);
    background: -moz-linear-gradient(right, #7d223a 20.0%, #dadada 0%);
    background: -o-linear-gradient(right, #7d223a 20.0%, #dadada 0%);
    background: linear-gradient(right, #7d223a 20.0%, #dadada 0%);
    }
    }

    February 2, 2017 at 6:37 am #741570
    Rikard

    Hey lsgstudio,

    Please make sure that the browsers you are using are supporting the CSS: http://www.w3schools.com/css/css3_gradients.asp

    Best regards,
    Rikard

    February 2, 2017 at 4:24 pm #741873
    lsgstudio

    Thanks… the gradient does not display correctly in Explorer 11 (no maroon). Looks fine in Chrome.
    I got this code from a previous Kreisi post on the same topic.

    I’m not really trying to do a gradient…the goal is a solid color … is there is an easier, more compatible code for solid color?

    February 3, 2017 at 9:59 am #742302
    Rikard

    Hi,

    Ok, thanks for the feedback. Please try this instead:

    @media only screen and (min-width: 768px) {
.container_wrap.sidebar_right {
  background-color: #ddd;
}
}

    Best regards,
    Rikard

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