Get creative with your release page design

You can use CSS to heavily customise your release page.

<aside> 💡 Notes: • Keeping the page functionality is up to you (ie you can break it with code!) • If linking to external images be sure they’ll be permanently hosted • For requests head over to our CSS channel on Discord

</aside>

We’ve helped you get started with a few of the main styling things up top in the section called “root”, things like background colours, text colour and size and resizing. Below are some initial tips to start making changed to your release page design. We are happy to try to assist with specific design requests if you Contact us.

Use a custom background image

add this code inside the body section. Note we recommend compressing the image for web. https://tinypng.com Can be used to do that automatically.

background-image: url(**paste your image url here**);

Make the track sections background transparent

in root change the colour to the following

--track-background-color: **transparent**;

Hide all the track artwork (tracks underneath the release art)

in .track-artwork add the following

display: none;