Hello everyone,,
I thought I'd share a few tricks on how I made my itch.io game page look a little bit better than the default settings offers. Feel free to contribute if you have some crazy CSS you'd like to share!
First - contact itch.io support and ask for custom CSS to be enabled. They will warn you the website is constantly improved, so there's a risk your page might go bust if you customise too heavily.
Second - look for inspiration. There are a lot of great pages out there (and already a post in this reddit with a list of examples, worth checking out), so always a good thing to see what others do. For these that use custom CSS, you can find out what they did simply by looking at the page HTML source code.
Third - use a banner! by default your game title will show at the top in plain letters. That might not stand out so best to have a splash screen image - enven if this is just a screenshot of the game with the title overlated. Transparency in your title can give great effects, especially if you have a background image or unified page colour. I really liked this page for example: https://juegosrancheros.itch.io/fantastic-arcade-2016
Fourth - keep it simple. You don't want a page that is too wordy, players won't necessarily want to scroll down 6 pages to reach the download button.
Last - Custom CSS snipets. Here are the ones I use:
inner_column {
background-color: rgba(255,255,255,0.22); } .screenshot{ padding-top: 25px; padding-right: 5px; width: 330px; }
first one makes that ugly middle colour semi-transparent (you can set the last digit to 0 to get rid of it altogether), the second pads out the screenshots a bit so it fits better with the banner & column.
You can check out the page I built with the above tricks there (also play the game if you'd like, it's fun!): https://mitron.itch.io/holey-suit
I've also written a dev blog about this (also in r/devblog), if you'd like to read a wordier version of the above: https://hotchpotch.games/holey-suit-dev-blog-4
Enjoy, and please share your CSS if you have any awesome ones to share.