You are viewing this forum as a guest. Login to an existing account, or create a new account, to reply to topics and to create new topics.
Hi,
I have just noticed that my Featured Products "Slider Control" is no longer showing up, the sprite is there on the homepage, but it is not visible, looks like it may be white,
Any clues on how to fix this please...
CSS: from /media/skins/css/all.min.css
/* +------------------------------------------------------------+ */
/* | Sliders | */
/* +------------------------------------------------------------+ */
.kslidewrap {position: relative;}
.kslidecontl, .kslidecontr {box-sizing: border-box; width: 2em; height: 2em; float: left; position: absolute; top: 50%; margin-top: -1em; cursor: pointer; background-image: url('../images/full-sprite.png'); background-size: 200% auto; background-position-x: left; background-repeat: no-repeat;}
.kslidecontl {background-position-y: 87.368421%;}
.kslidecontr {background-position-y: 86.315789%; right: 0;}
.kslide {box-sizing: border-box; margin: 0 4em 0 4em; overflow: hidden; position: relative;}
.kthemeinvert .kslidecontl, .kthemeinvert .kslidecontr {background-position-x: right;}
Offline
You're using a custom CSS file, which is located at /custom/media/skins/css/all.min.css. That CSS file is referencing the sprite image in the /media/skins/images directory, but it is doing it relatively, and can't find it as a result. So none of your icons are showing up as the sprite file cannot be loaded. To correct, you can do one of two things:
(1) Create the directory /custom/media/skins/images and copy the file /media/skins/images/full-sprite.png into it.
~ OR ~
(2) Edit your /custom/media/skins/css/all.min.css file and replace all instances of '../images' with '../../../media/skins/images'.
Offline