Guide to CSS (Beginner & Intermediate) [In Progress]
Forum Index > PokéFarm > Guides >
QUOTE originally posted by Doomcard10
Sorry if this has already been answered, but how would I change the color of the sort of glow that appears around accordion boxes?
code
[style]
.panel {
box-shadow: 0 0 8px #COLOR;
}
[/style]
example
hello!
example1
hello!
example2
hello!
example
hello!
- 🪪
- 📋
- 🔗
sapphire/they/23
Tournament Token (Ruby)
Event Item
(: 0)
[LEGACY] A token earned from Weekly Tournaments Season 10 but it is too old to be valid.
Legacy items are old items that no longer serve a purpose and are only good for collecting.
Sells for 10,000
Likes:
Dry food
MAX
Quiet nature
430 eggs
Score: 0
credits
credits
- Code @Neonyan
- Pkmnpanel @Mirzam+modified by @Neonyan
- Background+Tab Icons @Pokemon
- Pagedoll @pkspsapphire
- TR code LycanKai+Hakano Riku
QUOTE originally posted by pkspsapphire
QUOTE originally posted by Doomcard10
Sorry if this has already been answered, but how would I change the color of the sort of glow that appears around accordion boxes?
QUOTE originally posted by Doomcard10
Thank you very much! Would you also know how to change the color of the lines used on accordion boxes to match the box-shadow? I didn't realize they were separate, or I would have asked earlier.
code
[style]
.panel {
box-shadow: 0 0 8px #COLOR;
border-color: #COLOR;
}
[/style]
example
hello!
code
[style]
.panel {
box-shadow: 0 0 8px #COLOR;
border: #px style #COLOR;
}
[/style]
example
hello!
code
[style]
.panel {
box-shadow: 0 0 8px #COLOR;
border: #px style #COLOR;
border-radius: #px;
}
[/style]
example
hello!
QUOTE originally posted by pkspsapphire
QUOTE originally posted by Doomcard10
Thank you very much! Would you also know how to change the color of the lines used on accordion boxes to match the box-shadow? I didn't realize they were separate, or I would have asked earlier.
QUOTE originally posted by Doomcard10
Thank you again! One final question, because I keep discovering how many parts of this are governed by different parameters, how would I change the color of the horizontal dividing line within the accordion?
code
[style]
.panel > h3
{
border-bottom: #px style #COLOR;
}
[/style]
example
hello!
code
[style]
.panel
{
box-shadow: 0 0 8px green;
border: 5px solid green;
border-radius: 10px;
> h3
{
border-bottom: 1px solid green;
}
}
[/style]
QUOTE originally posted by pkspsapphire
QUOTE originally posted by Doomcard10
Thank you again! One final question, because I keep discovering how many parts of this are governed by different parameters, how would I change the color of the horizontal dividing line within the accordion?
Cannot post: Please log in to post