Single post in Site Skins: How-To, and Helpful CSS
Forum Index > PokéFarm > Guides > Site Skins: How-To, and Helpful CSS >
Does this go in the direction of what you're looking for?
You can set a fixed height on the Hold/Berry buttons in one line.
In another line, you can set the height/width of the next button.
The rest of the code is to ensure the Hold/Berry buttons fill your custom set space and center their content.
If you have more specific ideas on how you want to change the layout let us know!
Set Hold/Berry/Next sizes
#multiuser .party > div > .action {
/* sets the height of the hold/berry button */
height: 4rem;
display: flex;
}
#multiuser .mu_navlink.next {
/* height and width of the 'next' button */
height: 8rem;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
#multiuser .party > div > .action > .berrybuttons {
display: flex;
}
#multiuser .party > div > .action a {
height: unset;
flex: 1 1 100%;
display: flex;
align-items: center;
justify-content: center;
}
#multiuser .party > div > .action > .berrybuttons > a {
flex: 1 1 0;
height: unset;
}
Avatar by Kaelwolfur.
Sent from my PokéNav