Docs

[fatheaddrummer]

Hi Awesome support team,

I combined some images into one image and want to see css sprites to use them.
I’ve added the following html in text-mode:

<img class="band-500" alt="" src="https://www.diamond-precision-studio.com/wp-content/uploads/2017/02/5-services-artists.png">
<img class="beat-producer-500" alt="" src="https://www.diamond-precision-studio.com/wp-content/uploads/2017/02/5-services-artists.png">
<img class="producer-500" alt="" src="https://www.diamond-precision-studio.com/wp-content/uploads/2017/02/5-services-artists.png">
<img class="rapper-500" alt="" src="https://www.diamond-precision-studio.com/wp-content/uploads/2017/02/5-services-artists.png">
<img class="singersongwriter-500" alt="" src="https://www.diamond-precision-studio.com/wp-content/uploads/2017/02/5-services-artists.png">

And the following css to custom css:

.band-500, .beat-producer-500, .producer-500, .rapper-500, .singersongwriter-500
{ max-width: 100%; background-size: 100%; background-image: url('png.png'); }
 
.band-500 { background-position: 0 0%; background-size: 100%; }
.beat-producer-500 { background-position: 0 25%; background-size: 100%; }
.producer-500 { background-position: 0 50%; background-size: 100%; }
.rapper-500 { background-position: 0 75%; background-size: 100%; }
.singersongwriter-500 { background-position: 0 100%; background-size: 100%; }
Your HTML

But it’s only showing the large image….What am I doing wrong? Thank you so much!
Related page: https://www.diamond-precision-studio.com/en/mixing-service

Thank you yo much! Cheers, Christian

[Christian]

Hey Christian,

Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Thank you for your understanding.

[Author]

Posts