Tagged: advanced slider, blurry image, header
-
AuthorPosts
-
November 5, 2014 at 11:49 am #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
AneNovember 5, 2014 at 9:15 pm #346757Hey 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,
ElliottNovember 6, 2014 at 1:03 pm #347068This reply has been marked as private.November 7, 2014 at 3:29 pm #347751This reply has been marked as private.November 7, 2014 at 7:53 pm #347902Hey!
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,
ElliottNovember 28, 2014 at 11:56 am #359511Hi 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.
November 29, 2014 at 6:26 am #360025Hi!
Can you specify which images are blurry? i couldn’t note it on my end – http://screencast.com/t/p52L4rrl
Best regards,
JosueJanuary 2, 2015 at 5:19 pm #374091Hi,
Forgot to clear cache, so yes the blurry images are fixed :)
Instead the pictures are smaller….
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, 11 months ago by AneBang. Reason: picture error
January 3, 2015 at 1:16 am #374354Hi!
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,
AndyJanuary 8, 2015 at 4:46 pm #376843Hi,
Here are 3 images of some of the sliders:
(note that the first slider is 600×200, and the second is 600×100)
This is how it looks on the webside (live)This is how I want it to look. A bigger globe after the text.
This Globe-image is 150×142, but looks smaller regarding the proportions.And a slider a little bit worse:
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
AneJanuary 10, 2015 at 4:20 am #377687Hi,
Can you please create us a WordPress administrator account? post it here as a private reply.
Regards,
JosueJanuary 12, 2015 at 6:25 pm #378431This reply has been marked as private.January 14, 2015 at 9:46 am #379338This reply has been marked as private. -
AuthorPosts
- The topic ‘Blurry images in header slider’ is closed to new replies.