Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #10031940
    alexro
    Participant

    Hi guys ,I have a issue with quality of the img bg of Rev Slider , it seems is getting lower or something is wrong ..the prob is I want to use the bg with small text on it as you will see in the img below , and I need to be readable , If you can give me a hint will much appreciate, I use multi-purpose-4.html demo ,

    – diferences : diference between actual image and bg img
    diferences
    – the image is saved as JPG – rez 1920×874 px

    – code :`<div role=”main” class=”main”>
    <div class=”slider-container rev_slider_wrapper slider-container-full-height”>
    <div id=”revolutionSlider” class=”slider rev_slider” data-version=”5.4.7″ data-plugin-revolution-slider data-plugin-options=”{‘delay’: 9000, ‘sliderLayout’: ‘fullscreen’, ‘gridwidth’: [1140,960,720,540], ‘gridheight’: [900,900,900,600], ‘disableProgressBar’: ‘on’, ‘responsiveLevels’: [4096,1200,992,576], ‘navigation’ : {‘arrows’: { ‘enable’: true, ‘hide_under’: 767, ‘style’: ‘slider-arrows-style-1’ }, ‘bullets’: {‘enable’: true, ‘hide_under’: 767, ‘style’: ‘bullets-style-1’, ‘h_align’: ‘center’, ‘v_align’: ‘bottom’, ‘space’: 7, ‘v_offset’: 140, ‘h_offset’: 0}}}”>
    <ul>
    <li class=”slide-overlay slide-overlay-level-0″ data-transition=”fade”>
    <img src=”img/slides/multi-purpose/bg2.jpg”
    alt=””
    data-bgposition=”center center”
    data-bgfit=”cover”
    data-bgrepeat=”no-repeat”
    data-kenburns=”on”
    data-duration=”1000″
    data-ease=”Power2.easeInOut”
    data-scalestart=”100″
    data-scaleend=”100″
    data-rotatestart=”0″
    data-rotateend=”0″
    data-blurstart=”10″
    data-blurend=”0″
    data-offsetstart=”0 0″
    data-offsetend=”0 0″
    class=”rev-slidebg”>`

    Thank you guys , have a good one !


    • This topic was modified 3 weeks, 4 days ago by alexro.

    Template Version: 1.1.0
    #10031945
    Support2
    Keymaster

    Hello,

    In that case we need an online test link with your website, so we can inspect your code and try to help you on this.

    We await your link.

    Kind Regards,

    Rodrigo.


    #10031947
    alexro
    Participant
    This reply has been marked as private.
    #10031948
    alexro
    Participant

    please let me know if u got my prv reply with account /site ! /ty


    #10031949
    alexro
    Participant

    also on mobile has two backgrounds it repeats it self and have 3 white bullets that loads forever ! 🙂 , any ideas how to fix that ! –

    Thank you guys


    #10031950
    alexro
    Participant

    nvm about the bg on mobile – looks like after few refreshes works fine ! 🙂


    #10031954
    Support2
    Keymaster

    Hello,

    Thanks for the link.

    You can try to increase a bit more the original background image size. As background has the CSS property background-size: cover;, in resolutions bigger than 1920px (width) or 874px (height), the background will stretch and generate this blur.

    See the image below to understand what I mean:
    http://www.okler.net/ss/20200124-2aw-328kb.jpg

    * In the screenshot above I resized my browser window for exactly 1920 x 874px. The blur on image disappears, since the image is not stretching at any point.

    Please try that and let us know if you need further assistance.

    Kind Regards,

    Rodrigo.


    #10031958
    alexro
    Participant

    Hi there , I’ve chnaged the rez of bg to my monitor rez – 1920x1080x I’s kinda standard rez for monitors this days ! – and changed the data-scaleend="101.1" seems to work best.

    Thank you so much , If I have any prob I will let you know !

    I wish you a great day !


    #10031961
    Support2
    Keymaster

    Hello,

    Great!

    If you need further assistance feel free to contact us.

    Kind Regards,

    Rodrigo.


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