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 trialMatthew McPartland
16,430 PointsContact icons not appearing right
Everything appeared to be working along with the video until I added the css rule
.contact-info a { display: block; min-height: 20px; background-repeat: no-repeat; background-size 20px 20px; padding: 0 0 0 30px; margin: 0 0 10px; }
There is a small change in margin and padding like there is supposed to be, but the size of the icons do not shrink.
3 Answers
Nitish Lakhman
4,044 PointsInteresting...
I can't see anything wrong with the code itself, as i have used the exact same code
.contact-info a {
display:block;
min-height: 20px;
background-repeat: no-repeat;
background-size: 20px 20px;
padding: 0 0 0 30px;
margin: 0 0 10px;
}
It's the background-size element that would be doing the reshaping of the icons. Try change it to something very big like 100px to see if there is any difference at all? Or/and create another separate rule in your main.css with just the background-size itself and check that.
Rolf Willems
2,249 PointsHi, Try adding in: "background-color: orange;" , in this way you will see what get's selected. Did you also check you defined it as a class instead of an id, because otherwise you need to use a #. Hopefully you will figure it out!
Best, Rolf
Matthew McPartland
16,430 PointsHey guys! Thanks for helping! I changed both the background color and the size, and it indeed changed. When I changed it back and refreshed, the issue resolved. I have no idea what I did to make the issue fix itself. Maybe there's something wrong with workspace or I forgot a semicolon.
Edit: Background-size was missing a colon. You can see it in my posted code above. I feel stupid; I spent hours trying to figure out what went wrong.
Rolf Willems
2,249 Pointsno shame, i had the same issue with a semi-colon and i felt a real noob ;) glad you found out!