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
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
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?
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%);
Hi!
Use this, http://www.colorzilla.com/gradient-editor/, and make sure the IE option is checked.
Cheers!
Elliott