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 trialR R
1,570 PointsProfile 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
1,570 PointsJust got the message. Hoping it doesn't take long. Thank you, Stuart.
R R
1,570 PointsNever 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
5,512 PointsMay have something to do with the scheduled maintenance.
Jason Grant
8,555 PointsI 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
1,570 PointsThank 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.