Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML How to Make a Website Adding Pages to a Website Add a New Page

Lisa Hoffman
Lisa Hoffman
645 Points

paragraph copy that is invisible on screen

CSS <p> If you'd like to follow me on Twitter, my username is<a href="http://twitter.com/SweetnWry">SweetnWry</a>.</p>

This is the line of copy that is giving me trouble. The sentence appears on screen EXCEPT for the words SweetnWry, the period at the end shows and there is a blank space before it. When you click on the blank space, the link works and takes you to the twitter page.

Why is the word SweetnWry not visible on the live page?

Hi Lisa,

See this thread for how to post code: https://teamtreehouse.com/forum/posting-code-to-the-forum

7 Answers

jase richards
jase richards
10,379 Points

If you posted any coding it's not showing up for some reason, can you recheck it to see if any changes will make the code present.

Lisa Hoffman
Lisa Hoffman
645 Points

Thanks Jason, I did do some tweeking and republishing and refreshing with no luck. I carefully viewed the lesson video and compared my code to Nick's also. I've just learned to enclose my code sample with a ` when asking a question, which was helpful! I may have to post the question on youtube.

jase richards
jase richards
10,379 Points

It looks like your code should work at a quick glance. I know if you ad a title="SweetnWry"after the twitter link that should make it show up. Try that.

Lisa Hoffman
Lisa Hoffman
645 Points

Thank you, I did add this to my code but, unfortunately this didn't make the type visible.

Hi Lisa,

Is the blank space that you can click on only a single space or does it look like it's about as big as what "SweetnWry" would take up? You could try clicking and dragging your mouse over that area to see if the text highlights.

You may have some css that is setting the color of that text the same as the background so you can't see it.

I think all the color related css is at the bottom of main.css. I would post that in a code block so we can see it.

The single backtick is good for posting short pieces of inline code but you can use 3 backticks to post a code block for longer pieces of code. Check the link I gave you for how to do that.

Lisa Hoffman
Lisa Hoffman
645 Points

Jason A: This is the color section off the main.css for reference to my invisible word question.

```main.css/* site body / body { background-color: #fff; color: #999; } / green header / header { background: #6ab47b; border-color: #599a68; } / logo text */ h1, h2 { color: #fff;
}

/* links / a { color: #6ab47b; } / nav background on mobile / nav { background: #599a68; } / nav link / nav a, a:visited { color: #fff; } / selected nav link */ nav a.selected, nav a:hover { color: #32673f;

Lisa Hoffman
Lisa Hoffman
645 Points

Also, yes the blank space on the live page is approx. the size of the missing word, not just one space.

You have the following in your color section:

/* nav link */
nav a, a:visited {
  color: #fff;
}

It should be this:

/* nav link */
nav a, nav a:visited {
  color: #fff;
}

You're missing the nav in front of a:visited. This is making all visited links white not just the ones in the nav.

I think the problem you're having then is white text on a white background.

Add the nav in front and make sure there's a space after it and see if that fixes the problem.

Lisa Hoffman
Lisa Hoffman
645 Points

YES! That was the problem, Thank you.

Now, did this mistake get by me for this long because the other linked text was on top of a green background so the white text would show?

I was looking for the bug in the wrong place then, in about.html and not in the main.css. I'll have to work on being more open minded.

A Million Thanks!

You're welcome.

That could be it. The problem would not be noticeable in the header because that was working as intended.