Is there a way to add a tint overlay on the images in the Nectar slider? It would be really helpful as otherwise we'll have to generate the darker images in Photoshop.
If you enable the textured background feature to the Nectar Slider, then you may use the following Custom CSS Code to add a darkened overlay.
/*add overlay black color to nectar slider*/
.active_texture {
background-color: rgba(0,0,0,0.6);
}
Please copy and paste this Custom CSS Code into the Page Specific Custom CSS Section in the WYSIWYG Editor of Visual Composer on of the page that has the Nectar Slider included as illustrated in the image linked below.
Thanks for this. Works really well on desktop, but doesn't show up on smart devices (mobile/ipad)? Would you have a fix we can use for that? Many thanks,
Hi guys, really need to get this sorted as the site is due to go live any day now. Could someone let me know if there is some additional code we can add to make this work. Thanks.
When I add the additional code in I get an 'unexpected brace' warning and the additional code doesn't fix it. Sorry, I'm not a coder so not sure why it's not working? Any suggestions?
I'm sorry that the code is one bracket short, on the new line below the last bracket, please place another closing bracket ('}') and it should be solved.
Thanks for getting back to me on this. Sadly the tint overlay isn't working on iPad/mobile despite adding the extra bracket. Guessing the easiest thing is for me to add it in Photoshop which is a shame as it increases the file sizes considerably.
Hi guys,
Is there a way to add a tint overlay on the images in the Nectar slider? It would be really helpful as otherwise we'll have to generate the darker images in Photoshop.
Cheers,
Steve
Hi Steve,
Thanks for contacting us regarding your query.
If you enable the textured background feature to the Nectar Slider, then you may use the following Custom CSS Code to add a darkened overlay.
/*add overlay black color to nectar slider*/ .active_texture { background-color: rgba(0,0,0,0.6); }Please copy and paste this Custom CSS Code into the Page Specific Custom CSS Section in the WYSIWYG Editor of Visual Composer on of the page that has the Nectar Slider included as illustrated in the image linked below.
http://www.awesomescreenshot.com/image/2492385/beb6b4635c07430b2baeacff32579d10
Please let me know if there are any more questions that I may answer for you.
Cheers!
Hi Andrew,
Thanks for this. Works really well on desktop, but doesn't show up on smart devices (mobile/ipad)? Would you have a fix we can use for that? Many thanks,
Steve
Hi Andrew,
Any news on this?
Thanks,
Steve
Hi guys, really need to get this sorted as the site is due to go live any day now. Could someone let me know if there is some additional code we can add to make this work. Thanks.
Steve
Hi again Steve,
Thank you for reaching out to us. I'm really sorry for the delayed response.
In that case, could you please try adding the following code as well:
@media only screen and (max-width: 1024px){ .active_texture { background-color: rgba(0,0,0,0.6) !important; }Hope this solves the problem.
Best regards.
Hi Andrew,
When I add the additional code in I get an 'unexpected brace' warning and the additional code doesn't fix it. Sorry, I'm not a coder so not sure why it's not working? Any suggestions?
Thanks,
Steve
Hi again Steve,
Thank you for writing back to us.
I'm sorry that the code is one bracket short, on the new line below the last bracket, please place another closing bracket ('}') and it should be solved.
Looking forward to hearing how it goes.
Best regards.
hi Andrew,
Thanks for getting back to me on this. Sadly the tint overlay isn't working on iPad/mobile despite adding the extra bracket. Guessing the easiest thing is for me to add it in Photoshop which is a shame as it increases the file sizes considerably.
Thanks for your help.
Steve