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 trialLisa Hoffman
645 Pointsparagraph 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?
7 Answers
jase richards
10,379 PointsIf 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
645 PointsThanks 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
10,379 PointsIt 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
645 PointsThank you, I did add this to my code but, unfortunately this didn't make the type visible.
Jason Anello
Courses Plus Student 94,610 PointsHi 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
645 PointsJason 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
645 PointsAlso, yes the blank space on the live page is approx. the size of the missing word, not just one space.
Jason Anello
Courses Plus Student 94,610 PointsYou 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
645 PointsYES! 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!
Jason Anello
Courses Plus Student 94,610 PointsYou're welcome.
That could be it. The problem would not be noticeable in the header because that was working as intended.
Jason Anello
Courses Plus Student 94,610 PointsJason Anello
Courses Plus Student 94,610 PointsHi Lisa,
See this thread for how to post code: https://teamtreehouse.com/forum/posting-code-to-the-forum