Replies

Dec 21, 2021 4 years ago
TheseHeights
is a mirage
User Avatar

Is there a way to make the galleries look nicer? Include some pics, change fonts etc? Or are they just stuck looking like the shops?

Thanks!

[img align=right]http://s12.postimg.org/9vak97rsp/00az0z8t.png[/img]

Dec 21, 2021 4 years ago
Frenchi
is hopelessly romantic
User Avatar
Vivisect

yes, you can use CSS to edit the appearance of shops & galleries. same way you would edit a profile, just add the CSS between <style> tags in the description. it's worth noting that users can choose to block CSS styling in shops & galleries by unchecking the "Show layouts in user shops and galleries" option in their preferences; at the very least, you'll probably want to make sure YOU have that box checked before trying to customize your gallery, or else you won't be able to see the changes you're making :P

Dec 21, 2021 4 years ago
TheseHeights
is a mirage
User Avatar

Quote by Frenchi

yes, you can use CSS to edit the appearance of shops &amp; galleries. same way you would edit a profile, just add the CSS between &lt;style> tags in the description. it&;s worth noting that users can choose to block CSS styling in shops &amp; galleries by unchecking the &quot;Show layouts in user shops and galleries&quot; option in their preferences; at the very least, you&;ll probably want to make sure YOU have that box checked before trying to customize your gallery, or else you won&;t be able to see the changes you&;re making :P

Ooh thanks! Are there specific CSS classes or whatever they're called for the gallery interface that I have to edit? I'm not exactly a CSS expert lol. like how treasure has etc

[img align=right]http://s12.postimg.org/9vak97rsp/00az0z8t.png[/img]

Dec 21, 2021 4 years ago
Frenchi
is hopelessly romantic
User Avatar
Vivisect

you can find out the css id or class of anything on a webpage by right-clicking on the page and selecting "inspect element" (or maybe just "inspect" depending on what browser you're using). this will open up the inspector, which should have a button in the top left that looks like a mouse cursor clicking on a square. clicking this will allow you to hover over anything on the page to see its id/class. again, depending on the browser, you can also enable this mode immediately with the shortcut SHIFT+CMD+C or SHIFT+CTRL+C.

once you know what something is called, it's just a matter of styling it. for instance, if i wanted all my shop/gallery items to have a red border, i would want to select all images within the "shop-item" class; shop-item contains the image, text, and white space around the item, so to specifically target the image alone you would do something like this:

.shop-item img {border: 2px solid red}

the great thing about CSS is that once you know the name of what you want to edit, you can just look up how "how to ___ in CSS" and find the code that does what you want to do. idk if you've used it before but w3schools has a lot of basic and intermediate CSS coding tutorials; if you scroll through the sidebar of that page, you'll see things like drop shadows, rounded corners, gradients, changing font, etc. so as long as you're able to understand what the different pieces of the code mean & do (which w3schools does a pretty thorough job of explaining simply & straightforwardly) you don't need to be a coding genius or anything.

Dec 21, 2021 4 years ago
TheseHeights
is a mirage
User Avatar

Thank you! That's super helpful, appreciate it

[img align=right]http://s12.postimg.org/9vak97rsp/00az0z8t.png[/img]

Dec 21, 2021 4 years ago
Frenchi
is hopelessly romantic
User Avatar
Vivisect

no prob! if you run into any issues or need any specific help feel free to comment me and ask :)

Please log in to reply to this topic.