Skip to main content

Indie game storeFree gamesFun gamesHorror games
Game developmentAssetsComics
SalesBundles
Jobs
TagsGame Engines

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.

Admin (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)

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!