Hi.
I am using Big Grid Slide Style 1. I’m wondering how to remove the greyish cast? I have this code in my Custom CSS but it doesn’t work.
.iosSlider {
background-color: none !important;
}
Tried this code too and still doesn’t work.
.td_block_slide .item {
background-color: white !important;
}
And also how to make the Prev/Next Button more opaque and appear on the page even without mouse hovering over it? I have this code in my Custom CSS.
.iosSlider .prevButton,
.iosSlider .nextButton {
opacity: 0.7;
}
Thanks.
http://www.awesomescreenshot.com/image/1118303/a01196739b34b0dfcfd9985977aac541
Hello modernmavens,
I suppose that you want to remove the gradient for your Big Grid Slider. Please try the code below to do that.
The code is ->
.td-big-grid-slide .td-grid-style-1 .td-module-thumb a:last-child:before{
opacity:0;
}
The result -> http://screencast.com/t/OEjJTQfJN
For your second request, please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-big-grid-slide .td-icon-left, .td-big-grid-slide .td-icon-right{
opacity:0.7!important;
}
The result you should see here -> http://screencast.com/t/wjIIJPqkrv
Hope this helps!
If is not what you mean, please provide more details about your desired changes so I will be able to provide a more accurate response.
Thanks.
Hi Catalin,
Thank you so much for the reply and help.
The Prev/Next arrow only appears when I hover the mouse pointer over. The code provided does not make it stays permanent. Is there a way around it?
Thanks.
Hello modernmavens,
I have checked your website again and the code that I provided you applies, as you can see in this video -> http://screencast.com/t/3STUkJhhLm Please try to clear all cache and test it again.
Hope this helps and let us know how it goes!
Thanks.
