CSS for background colour and font isn't working

Hi folks, I’m stuck on my Tribute page for the first HTML/CSS challenge. Here’s what I have so far:

and my browser is Chrome.

What I want is for the background to be all pink, and for the text under

to be in the Yellowtail font. I can’t get either of these to work and can’t see what I’ve done wrong with my code. (I know these are two separate problems but I hope it’s okay to just make a single post.)

Any help would be greatly appreciated.


hi! first off:
<link href="https://fonts.googleapis.com/css2?family=Yellowtail&display=swap" rel="stylesheet" type="text/css">
This bit of code is in the wrong place. It belongs in the head of your html. moving this (and the style tags that arent needed) gets your background to show!

Second about the font. Worth the read/just a review. Quite fascinating and relevant to what you’re doing: Web fonts - Learn web development | MDN

Since you copied and pasted that bit of lost code to the right spot, go to where you have your Yellowtail and… put it in quotes. that’s it! I think. there is a cursive looking font, and the background is pink for me. Like i said, i recommend looking at the web fonts docs, they do a really good job of explaining things. :slight_smile:
Good luck and let me know if you have any more questions

Thank you! I’ve done what you said (if I’ve understood correctly) and I’m still not getting a pink background or the Yellowtail font. Does the google fonts link need to be under a < head > tag (I only have main and body tags at the start of my code)?

Thank you for the link! I’ve added it my notes and will give it a read :slight_smile:

I’m guessing I’ve misunderstood somehow because… yeah… the changes aren’t there…

you gotta get rid of the style tag in the css file. you only need the style tag if you’re in the html.
also, if it matters, i had the font html below the fcc test html

ok so, i went back and tested, i only had to remove the style tag to get the pink to show up. the font was already changed. But, you only have your font on tribute-info, so i’m not sure if you are wanting your font to be in more places.

OHHHHH. I’ve got it!

Thanks so much. :smiley:

Also yeah, I’m still deciding where I want the font right now. (The design is definitely secondary to me just… understanding the basics haha)

1 Like

to make the background of area pink, try css. thats what it is used today. so what would you do is background-color: pink; inside the loction so for example body {background-color: pink; }

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.