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

Posted by Jiancheng Yang
Jiancheng Yang
695 Points

Style Picture on About Page

Hey: When I am trying to style the picture on my about page, the picture wont change at all. Here are my code, please help me. On About.html <section> <img src="img/nick.jpg" alt="Photograph of Jaycee Yang" class="profile-photo"> <h3>About</h3> ...

On main.css page .profile-photo { display:block; max-width:150px; margin: 0 auto 30px; /top left&right bottom/ border-radius: 100%; }

it wont change a bit. I dont know what was going on. if anybody can help me.

2 Answers

Dustin Matlock
Dustin Matlock
33,856 Points

Hello Jiancheng, it's a little hard to tell from the code you posted, although here is what you should have, and for future reference you can find out more about how to post code here. Welcome to Treehouse!

.profile-photo {
  display: block;
  max-width: 150px;
  margin: 0 auto 30px;
  border-radius: 100%;
}
Jiancheng Yang
Jiancheng Yang
695 Points

Hey Dustin: Thanks for the help. But it is not working.

Jiancheng Yang
Jiancheng Yang
695 Points

He Dustin: It magically worked. Thanks for the help

Dustin Matlock
Dustin Matlock
33,856 Points

Good to hear and no problem.

Dean jenkins
Dean jenkins
5,230 Points
Dean jenkins
Dean jenkins
5,230 Points

Is your css ref in your html properly

Jiancheng Yang
Jiancheng Yang
695 Points

yes. I have... and here is my code for about.html img src="img/visa.jpg" alt="Photograph of Jaycee Yang" class="profile-photo"