Blurry images in header slider

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.

Hi,

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, 10 months ago by AneBang. Reason: picture error

Hi,

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
Ane