Skip to main content

Browse GamesGame JamsUpload GameWinter Sale 2025Developer LogsCommunity
On Sale: GamesAssetsToolsTabletopComics
Indie game storeFree gamesFun gamesHorror games
Game developmentAssetsComics
SalesBundles
Jobs
TagsGame Engines
leafoAdmin3 years ago (3 edits) (+1)

Yes there have been some changes. We pushed out some CSS updates to all grids across the site to make them consistently use CSS grids. Sadly, we no longer support having trailing items in a gird be centered with this change. In order to ensure consistency and ease of development for common UI elements across the site sometimes we have to make these types of changes. Thanks for understanding.

Regarding the font clipping, I’ll have to take a closer look. On quick inspection it appears that the particular font you have chosen is bugged as has the wrong line-height though. I’m not sure there’s anything we can do about that. It’s even broken on the Google Fonts website: https://fonts.google.com/specimen/Concert+One (Try highlighting text to see that it doesn’t cover the entire height of the text)

Reply
verysoftwares3 years ago (3 edits)

thanks for the response. however, i didn't mean font clipping, i meant how the taglines for the lower games are cut off with '...' because they're part of a collection. this seems like an intentional change; i wonder why is that?

Reply
verysoftwares3 years ago

i tried to expand the tagline text area with custom CSS:

div.game_text {
height:250px;
}

..but it still doesn't show the full taglines, only the whitespace grows. any pointers?

Reply
verysoftwares3 years ago (1 edit) (+1)

i figured it out. for anyone else who wants to show collections' full taglines on their game page, the custom CSS is

.game_grid_widget .game_cell .game_text {
white-space: normal;
}
Reply
borbware3 years ago(+1)

AHHH thank youuu

Reply
Far Away Times3 years ago

Is it possible to center the bottom game using custom CSS? Or force it back to the old flex display on just my page? I got access to the custom CSS option several years ago because I'm really particular about how my games display on my page; I'd really like to be able to center the bottom game if possible.

Reply
leafoAdmin3 years ago (3 edits) (+1)

As mentioned in the CSS guide we encourage people to not make significant changes to built in UI as you can introduce incompatibilities for mobile devices, accessibility, in addition to resulting in breakage when we need to make updates.

That said, I added a few more CSS variables to the grid container so you can switch to using flexbox with centered items with something along the lines of:

.mode_grid .user_game_grid {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.mode_grid .user_game_grid .game_cell {
  width: var(--itchio_grid_cell_width);
}

(Note that the page previously never used flexbox, but was using inline-block elements with some margin tricks)

Reply
Far Away Times3 years ago

This worked perfectly and unlike the other changes I was trying it doesn't break on mobile, thank you so so so so much! Yeah I try to be very minimal and specific with my CSS changes to avoid introducing those sorts of issues, thanks a ton for adding such an easy fix for users like me!

Reply
AboutFAQBlogContact us
Copyright © 2025 itch corp · Directory · Terms · Privacy · Cookies