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 Style New Pages

Meg Starling
Meg Starling
3,766 Points
Posted by Meg Starling
Meg Starling
3,766 Points

Profile picture not displaying with css class settings

Even though I have copied Nick's code word for word, for some reason my photo isn't resizing and displaying as a circle as his does. I have added .profile-photo class in my css file as well as listed the class in the img tag just as Nick did. It doesn't matter if I use his picture or the one I uploaded of myself, neither is displaying the profile-photo class settings.

2 Answers

Dana Kolba
Dana Kolba
5,381 Points
Dana Kolba
Dana Kolba
5,381 Points

Hello,

Would you mind posting the code you are using?

Also, I find sometimes that I need to clear my browser cache in order to view updates on your coding. I'm not sure what browser you are using so check out: http://www.refreshyourcache.com/en/home/

It will show you how to clear the cache for each browser. Let me know if it helps!

Meg Starling
Meg Starling
3,766 Points
Meg Starling
Meg Starling
3,766 Points

The cache clear worked! Thanks!

Jacob McKinney
Jacob McKinney
6,796 Points
Jacob McKinney
Jacob McKinney
6,796 Points

Meg,

If you want to get around cache issues, you might think about adding a version stamp to the end of your CSS include and any JS includes. This is as simple as adding a ?v=1 to the end of the file path. You would of course want to update this to a new number after making changes. If you're using php you could set it to print a Unix Timestamp to the version so every time you refresh your page to view a change the timestamp would be updated automatically. Then set it to a hard coded version when you post the change to a live server, so any returning visitors to your website get your new changes.

CSS Example: <link rel="stylesheet" type="text/css" href="default.css?v=1">

JavaScript Example with PHP print a Unix Timestamp: <script src="js/step_10.js?v=<?php print(date("U")); ?>"></script>

Hope this helps.