[F2U CSS] Polaroids on Toyhouse

Comments on [F2U CSS] Polaroids All Comments

hello - thank you for providing this code! I was wondering if you could help me with an issue though;

for some reason I cannot seem to get rid of the grey bars that are in the character thumbnails, which I thought this code would erase when I saw the life preview. comparison: https://sta.sh/08iita9mvlj

is there a way to make the whole thing smaller, too? or do I need additional css to change the size/ remove the sidebars? :]

edit: I have no other css installed and the html I use is not causing the issue.

sardiine

i can't do anything with just a screenshot, can you link me to the folder where you are having this problem?

sxourge

here's the folder: https://toyhou.se/ScourgeMangaStudios/characters/folder:1167126 !

sardiine

it looks fine to me

what browser are you using, and is it updated to the latest version? if yes, it may be the device you are using

sxourge

Ohh, that's weird. I am using opera gx. The thing I don't understand is that your code in the live preview looks just fine even when using the same browser, which is why I didn't point my finger at a browser issue. Do you perhaps have any idea what could cause this? Thank you for the help so far!

sardiine

also, to make it smaller you would add this code

@ media (min-width: 768px) {
.gallery-row .gallery-item { 
  flex: 0 0 16.6666666667%; 
  max-width: 16.6666666667%; 
  } 
}

adjust the percentage to the size you want (no space between @ and media)

sxourge

Thank you! This also fixed the issue with the grey sidebars.

sardiine

no problem! i was just about to suggest that you try it lol