Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #346444

    Hi,

    I have a problem with blurry images in my header sliders.
    It regards all the advanced sliders I built. The text I write directly in the slider stands clear and sharp, but the pictures I add becomes blurry eventhough they are fine, clear and sharp before adding.
    What should I do? Is there a specific resolution needed?

    (I couldn’t find a solution in Documentation or in support where others have the same problem)

    Thank you in advance :)
    Best regards
    Ane

    #346757

    Hey AneBang!

    It looks like your images are kind of small in dimensions and are being resized to be bigger. Are you sure you do not have any custom CSS being set on them? Go ahead and send us a WordPress login and we’ll take a closer look. Be sure to mark your reply as private.

    Regards,
    Elliott

    #347068
    This reply has been marked as private.
    #347751
    This reply has been marked as private.
    #347902

    Hey!

    Try adding this to your custom CSS.

    .ls-preloaded {
        width: auto !important;
        height: auto !important;
    }

    And then update the top and left values in your layers to move them back to their original places.

    Regards,
    Elliott

    #359511

    Hi Elliot.

    I’ve tried adding the code to my custom CSS. But nothing has changed. The pictures are still blurry…
    I added the code to the end of the CSS. Have I done it correctly?

    .ls-container { /* The slider itself */

    }

    .ls-slide {

    }

    .ls-slide a:hover {
    color: blue;
    text-decoration: underline;
    }

    .ls-slide #yourID {

    }

    .ls-slide .yourClass {

    }

    /* Side color of 3D objects */
    .ls-3d-box div { background: #777; }

    .ls-preloaded {
    width: auto !important;
    height: auto !important;
    }

    (I haven’t moved the layers yet, I wanted to see if the this picture issue was solved before doing it).

    Are there any other things I could to do fix this problem?

    Thank you in advance.

    #360025

    Hi!

    Can you specify which images are blurry? i couldn’t note it on my end – http://screencast.com/t/p52L4rrl

    Best regards,
    Josue

    #374091

    Hi,

    Forgot to clear cache, so yes the blurry images are fixed :)
    Instead the pictures are smaller…. Screen shot of slider
    Slider

    The globe in the slider has the size 15×142 and the slider size 800×200, but it doesn’t look like so, looking at the proportions… and it is the same with the other images I added to the slider.

    What to do?
    Thank you in advance :)

    Best regards
    Ane

    (and yes, I’m really not friends with the slider :) ).

    • This reply was modified 9 years, 6 months ago by AneBang. Reason: picture error
    #374354

    Hi!

    For me your slider looks fine, could send us a mockup of what you want to achieve? Please us imgur.com to show us screenshots.

    Best regards,
    Andy

    #376843

    Hi,

    Here are 3 images of some of the sliders:
    (note that the first slider is 600×200, and the second is 600×100)

    Slider - how it looks
    This is how it looks on the webside (live)

    This is how I want it to look. A bigger globe after the text.
    Slide in Layerslide
    This Globe-image is 150×142, but looks smaller regarding the proportions.

    And a slider a little bit worse:
    Slide with small background

    The background in this one, I have chosen an image with the size 2000×350

    I hope this will help you get a greater insight to what my problems are, and what I want.
    Please let me know if you need further informations.

    Best regards
    Ane

    #377687

    Hi,

    Can you please create us a WordPress administrator account? post it here as a private reply.

    Regards,
    Josue

    #378431
    This reply has been marked as private.
    #379338
    This reply has been marked as private.
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Blurry images in header slider’ is closed to new replies.