Guide to CSS: Beginner to Expert
Forum Index > PokéFarm > Guides >
I'm trying to make my link color turn white when visited but it turns orange and completely ignores me. Help?
Code
[style]
.template {
background-color: black;
}
.topimage {
margin-top: 0px;
}
.bottomimage {
float: right;
margin-bottom: 10px;
}
.maintext {
color: #FFEC50;
font-family: 'Arvo', serif;
}
.a:link {
color: white;
}
[/style]
- ★
- ★
- ★
- ★
- ★
Star | She/Her | Psychopath
BORED TO DEATH!!
Collecting
x 500
x 500
Sells a variety of things!
QUOTE originally posted by ShootingStarRain
I'm trying to make my link color turn white when visited but it turns orange and completely ignores me. Help?
Code
[style]
.template {
background-color: black;
}
.topimage {
margin-top: 0px;
}
.bottomimage {
float: right;
margin-bottom: 10px;
}
.maintext {
color: #FFEC50;
font-family: 'Arvo', serif;
}
.a:link {
color: white;
}
[/style]
code
[style]
.template {
background-color: black;
}
.topimage {
margin-top: 0px;
}
.bottomimage {
float: right;
margin-bottom: 10px;
}
.maintext {
color: #FFEC50;
font-family: 'Arvo', serif;
}
.a:link, a:visited {
color: white;
}
[/style]
Mochi ✪ 21 ✪ they/he/kit
Your local catboy hoarding quirky, bashful, and docile mons!
500/500I fixed it, now I have another problem.
It tells me, "CSS style error: parse error: failed at `border: #3px solid C#FFEC50;` line: 40 on line 79"
Code
.panel {
background: #FFEC50;
border: #3px solid C#FFEC50;
color: #FFEC50;
> h3
{
> a
{
color: #FFFFFF;
}
border: #3px solid #FFEC50;
background: #FFEC50;
color: #FFEC50;
}
> div
{
color: #FFEC50;
a:link, a:visited
{
color: #FFFFFF;
}
}
}
QUOTE originally posted by ShootingStarRain
I fixed it, now I have another problem.
It tells me, "CSS style error: parse error: failed at `border: #3px solid C#FFEC50;` line: 40 on line 79"
Code
.panel {
background: #FFEC50;
border: 3px solid #FFEC50;
color: #FFEC50;
> h3
{
> a
{
color: #FFFFFF;
}
border: 3px solid FFEC50;
background: #FFEC50;
color: #FFEC50;
}
> div
{
color: #FFEC50;
a:link, a:visited
{
color: #FFFFFF;
}
}
}
Code
.panel {
background: #FFEC50;
border: 3px solid #FFEC50;
color: #FFEC50;
> h3
{
> a
{
color: #FFFFFF;
}
border: 3px solid #FFEC50;
background: #FFEC50;
color: #FFEC50;
}
> div
{
color: #FFEC50;
a:link, a:visited
{
color: #FFFFFF;
}
}
}
Now it says 'compileSelectors expects an array but got NULL on line 79'
Sorry to be a bother :(
Complete Code
.template {
background-color: black;
}
a {
color: #FFFFFF
}
}
.topimage {
margin-top: 0px;
}
.bottomimage {
float: right;
}
.maintext {
color: #FFEC50;
font-family: 'Arvo', serif;
}
.panel {
background: #FFEC50;
border: 3px solid #FFEC50;
color: #FFEC50;
> h3
{
> a
{
color: #FFFFFF;
}
border: 3px solid #FFEC50;
background: #FFEC50;
color: #FFEC50;
}
> div
{
color: #FFEC50;
a:link, a:visited
{
color: #FFFFFF;
}
}
}
You have an extra bracket in there after the a block
Buying:
BSDs 20 ZC
Prisms 70 ZC
BSDs 20 ZC
Prisms 70 ZC
by Kaede
Thank you so much <3
I tried making the lil' arrow things that appear that the end of the accordion stackboxes and the background inside my dropdown box turned back to default color when added the arrows.
Code
.template {
background-color: black;
}
a {
color: #FFFFFF
}
.topimage {
margin-top: 0px;
}
.bottomimage {
float: right;
}
.maintext {
color: #FFEC50;
font-family: 'Arvo', serif;
}
.panel h3>a>svg { color: #FFEC50; }
.panel {&>h3 {
background: black;border: 1px solid #FFEC50;color: black; border-radius: 1px;
> h3
{
> a
{
color: black;
}
border: 2px solid #FFEC50;
background: black;
color: black;
}
}
&> div
{
color: black;
a:link, a:visited
{
color: #FFFFFF;
}
}
}
Is it impossible to import fonts? I tried using @import from Google fonts and nothing happened
Lovely Soup
Consumable
(
: 0)
A special bowl of soup, made with love! Feed to a Pokémon to boost Happiness by 50.
Sells for 
1
Aspear Berry
Aspear Berry (SOUR)
Cheri BerryCheri Berry (SPICY)
Chesto BerryChesto Berry (DRY)
Pecha BerryPecha Berry (SWEET)
Rawst BerryRawst Berry (BITTER)
Likes:
Sweet food
MAXHasty nature
You can use Google fonts, but instead of @import you need to use the @font-face code. I have a guide here:
https://pokefarm.com/forum/post/6068992
Cannot post: Please log in to post