Guide to CSS (Beginner & Intermediate) [In Progress]

Coould someone help me with a code that would hide sprites in partys? My gf wants to playbpokefarm again but she doesnt want to see galar shiny pokemon.

#multiuser .pkmn {display: none;} Will remove the pokemon sprites and eggs on multi view. To remove them from all pages would remove her own too. At least, that's the other code I have. Perhaps someone else has a code that does everyone elses but her's. =o

Trying to recolor accordion boxes, but not sure how. Help?

.panel { &>h3 { } &>div { } } h3 refers to the banner, or the box title, while div is the contents inside, usually hidden inside. To change the text color in the h3 section, add a { color: something; } (for links/click to open) and color: something; for plain text. You will need both because anything that opens is a link and static headers use regular color coding. This is tricky, so study the example carefully! as obtained from Styleclass and You: an Introduction

Thank you! I think I figured it out. c:

(Sorry for the double post) Actually, I'm still having a bit of trouble. What is the new styleclass tag for the accordion sections? Like, instead of saying [a-section=Title]Contents[/a-section], what would I put for the a-section tag?

I'm trying to edit pkmnpanel code for my journal and so far this is what I have. I'd like to make it so that the name and icons are above the pokemon and the berry is to the right, with everything centered and the border just around the contents instead of all that blank space. How would I go about this? *I'm not proficient in css and usually I just tweak codes via trial and error until I achieve the style I'm looking for; I pick up and learn some ideas this way, too. The code may look messy bc of this since I'm not really focused on decluttering "-u- sorry in advance

@koivern This is the best I could get with my limited knowledge I had to put a space between each [nobbcode][pkmnpanel][/nobbcode] though [hide=Style Code] [nobbcode] [style] .party > div { background:#FFC7D3; border:none; border-radius:none; color: #570014; width: 150px; height: 125px; .pkmn { position: relative; top: 20px; } .expbar { border: #570014 2px solid; background: #FFC7D3; color: #570014; &> div { background: #FF9EB3; border-right: #570014 2px solid; } } .name > a { color: #570014; display:inline; padding:5px; position: absolute; top: 0px; left: 10px; } .expbar {display: none;} .taste {display: none;} .happy {display: none;} .nature {display: none;} .type {display: none;} .berrybuttons > a { display: none; } } .berrybuttons[data-up='sour'] > a[data-berry='aspear'], .berrybuttons[data-up='spicy'] > a[data-berry='cheri'], .berrybuttons[data-up='dry'] > a[data-berry='chesto'], .berrybuttons[data-up='sweet'] > a[data-berry='pecha'], .berrybuttons[data-up='bitter'] > a[data-berry='rawst'], .berrybuttons[data-up='any'] > a[data-berry='pecha'] { display: block; background: none; position: absolute; top: -80%; left: 40%; } [/style] [/nobbcode] [/hide] [hide=Result] [pkmnpanel=CSd3F] [pkmnpanel=MGpJZ] [pkmnpanel=MFlZQ] [style] .party > div { background:#FFC7D3; border:none; border-radius:none; color: #570014; width: 150px; height: 125px; .pkmn { position: relative; top: 20px; } .expbar { border: #570014 2px solid; background: #FFC7D3; color: #570014; &> div { background: #FF9EB3; border-right: #570014 2px solid; } } .name > a { color: #570014; display:inline; padding:5px; position: absolute; top: 0px; left: 10px; } .expbar {display: none;} .taste {display: none;} .happy {display: none;} .nature {display: none;} .type {display: none;} .berrybuttons > a { display: none; } } .berrybuttons[data-up='sour'] > a[data-berry='aspear'], .berrybuttons[data-up='spicy'] > a[data-berry='cheri'], .berrybuttons[data-up='dry'] > a[data-berry='chesto'], .berrybuttons[data-up='sweet'] > a[data-berry='pecha'], .berrybuttons[data-up='bitter'] > a[data-berry='rawst'], .berrybuttons[data-up='any'] > a[data-berry='pecha'] { display: block; background: none; position: absolute; top: -80%; left: 40%; } [/style] [/hide]

@ starwarsgirl I also appologize for double posting in the same day too this should apply for accordion boxes too

Heya, I'm trying to make a style code for my shop, and was wondering if someone could tell me how to change the colour of the horizontal lines. Any help is appreciated! =) Edit: I'm not sure if this is as close as you can get or not, but I used a border code to color it instead.