rev slider image overlay color / opacity too dark

Home Forums Porto – Responsive HTML5 Template rev slider image overlay color / opacity too dark

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #10031471
    okler1478
    Participant

    trying to get a clean image without any overlay color or at the lease lighten the overlay. Ive tried it all


    • This topic was modified 4 years, 3 months ago by okler1478.
    #10031484
    Support
    Keymaster

    Hello,

    For a slider without overlay in the image you can set it using the following HTML code:

    <div class="slider-container rev_slider_wrapper" style="height: 670px;">
    	<div id="revolutionSlider" class="slider rev_slider" data-version="5.4.8" data-plugin-revolution-slider data-plugin-options="{'delay': 9000, 'gridwidth': 1170, 'gridheight': 670, 'disableProgressBar': 'on', 'responsiveLevels': [4096,1200,992,500], 'parallax': { 'type': 'scroll', 'origo': 'enterpoint', 'speed': 1000, 'levels': [2,3,4,5,6,7,8,9,12,50], 'disable_onmobile': 'on' }, 'navigation' : {'arrows': { 'enable': true }, 'bullets': {'enable': true, 'style': 'bullets-style-1', 'h_align': 'center', 'v_align': 'bottom', 'space': 7, 'v_offset': 70, 'h_offset': 0}}}">
    		<ul>
    			<li data-transition="fade">
    				<img src="https://images.unsplash.com/photo-1575711551162-17fd5b049497?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1787&q=80"  
    					alt=""
    					data-bgposition="center center" 
    					data-bgfit="cover" 
    					data-bgrepeat="no-repeat" 
    					class="rev-slidebg">								
    			</li>
    		</ul>
    	</div>
    </div>

    Let me know if you have any questions.

    Kind Regards,

    Jonas


Viewing 2 posts - 1 through 2 (of 2 total)

This topic is marked as "RESOLVED" and can not rceive new replies.