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

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.