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

CSS How to Make a Website Adding Pages to a Website Style New Pages

R R
R R
1,570 Points
Posted by R R
R R
1,570 Points

Profile pic not picking up css

I'm noticing that others have had this issue but restarting workspaces doesn't seem to work for me.

My HTML: <section> <img src="img/no_face.jpeg" alt="Photograph of me" class="profile-pic"> <h3>About</h3> <p>Bio info goes here.</p> <p>Follow me on twitter:<a href="https://twitter.com/twitter_handle">@twitter_handle</a>.</p> </section>

my CSS:

/****************** PAGE: ABOUT *******************/

.profile-pic {

display: block; max-width: 150px; margin: 0 auto 30px; border-radius: 100%; }

5 Answers

R R
R R
1,570 Points
R R
R R
1,570 Points

Just got the message. Hoping it doesn't take long. Thank you, Stuart.

R R
R R
1,570 Points
R R
R R
1,570 Points

Never mind. After restarting chrome multiple times, the CSS is finally being picked up. Still not sure why it's working now and not before. This is the kind of stuff that drives me batty about HTML. if this is a cache problem, then why restart multiple times? if it's a code problem, then why does the code not work at first, then works later- without any changes to the code? If anyone has insight, please share.

Unsubscribed User
Unsubscribed User
5,512 Points
Unsubscribed User
Unsubscribed User
5,512 Points

May have something to do with the scheduled maintenance.

Jason Grant
Jason Grant
8,555 Points
Jason Grant
Jason Grant
8,555 Points

I had this problem too but got around it by adding clear: both; to the .profile-photo css class:

.profile-photo { display: block; max-width: 150px; margin: 0 auto 30px; border-radius: 100%; clear: both; }

R R
R R
1,570 Points
R R
R R
1,570 Points

Thank you, Jason. The pic is now picking up the CSS but it's oblong and not a circle. I will try your suggestion. Many thanks for the help.