Site Skins: How-To, and Helpful CSS

Really sorry to come back with another question so soon - but is there anyway to use more than one skin at once? Is it possible to combine them at all? Thank you!

On custom skins you can add and combine codes but you can only use one skin at a time

Custom skins are the ones you create right? And do you literally just copy and paste the different codes from different skins into the Extra CSS and they'll all work?

That's how I do it yes however some might clash such as stack fields and align fields in grid. These would need to be 2 separate custom skins

Alright, thank you so much!!!

I didn't see anything on this while I was looking, so I'm sorry if I missed it. I'd like to change the navigation area. I'd like to replace the Market button text, as well as the Garden button text, please. I've figured out the #navigation>#navbtns>li>a>span and #navigation>#navbookmark>li>a>span bits, so I'm in the right area, but... not entirely certain how to go about targeting the specific ones. Never was good at CSS. I'd appreciate any assistance or pointers. Thank you. :>

@Cele Here's code for changing the Market button text: a[href="/marketboard"] > span { visibility: hidden; position: relative; } a[href="/marketboard"] > span:after { content:'Text goes here'; visibility: visible; position: absolute; right:0;top:0;left:0; } Centering the text is a bit wonky but I think it should work with this? As for Garden button text, do you mean the bookmarks below? If so, can't you change the text yourself under "More..."? By clicking Edit Bookmarks and then Free-form Edit allows you to change text of bookmarks. Or is there something else you want to do?

I was gonna change some colors while I was in there to light up the Garden like a heckin spotlight so I don't forget to water it. While the Free-form edit is useful for the text change, I'd still like to target that box. I can manage it from what I see from the Market one you showed me though. Thank you very much!

I'm trying to take and move #field_nav button[data-action=next] to the middle of the field & hide #field_field[data-mode="public"]>div.field>background-image when pokecount = 0

/* reset properties on buttons */ #content > #field_nav button { width: unset; padding: unset; float: none; font-size: 1rem; } /* each button starts out at 30% of the available width */ #field_nav { display: flex; justify-content: space-between; } #field_nav button { flex: 0 0 30%; word-break: break-all; } /* next button grows to take up remaining space */ #field_nav button[data-action='next'] { flex: 1 1 auto; } doesn't seem possible with just css