Single post in Site Skins: How-To, and Helpful CSS
Forum Index > PokéFarm > Guides > Site Skins: How-To, and Helpful CSS >
thanks for the reply susie. on a clean skin (no other css active) this seems to do the job
button[data-action='jump'] {
white-space: nowrap;
}
could you try this and let us know how it goes? if there's still issues maybe post your whole css to see if a different part conflicts with it?
also, an alternative solution to the hover to change image. the advantage is you only need one block of css and can for any number of items
also, an alternative solution to the hover to change image. the advantage is you only need one block of css and can for any number of items
Code
[sc=change][item=Ancient Drive][pkmn=Genesect][/sc] [sc=change][item=Azure Flute][pkmn=Arceus][/sc]
[style]
.change {
display: inline-grid;
grid-template-areas: 1fr 1fr;
align-items: center;
img {
z-index: 1;
grid-area: ~"1 / 1";
opacity: 0;
}
img:first-of-type {
opacity: 1;
}
&:hover > img:first-of-type {
opacity: 0;
}
&:hover > img:last-of-type {
opacity: 1;
}
}
[/style]
Avatar by Kaelwolfur.
Sent from my PokéNav