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

Caroline Jin
Caroline Jin
970 Points

About page didn't link to CSS

I followed the video and linked about.html to main.css. However, I think it somehow wasn't linked successfully and what I changed for my profile picture as video instructed didn't appear on the page and didn't work for the picture at all.

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

Could someone look at my page link below and give me an idea why it doenst work? Thanks in advance.

http://port-80-1u5ei4yrrg.treehouse-app.com/about.html

can you post the HTML and CSS? The workspace link won't work here.

Jonny Strange
Jonny Strange
6,412 Points

Workspace isn't working there, so I can't help sorry.

I like to make big bold changes on the css to make sure they are linked. If changing the background works, but your picture doesn't, it is likely a selector issue. If you can make no changes, you're probably not linked. Without seeing your code, that's as much as I can help

Garrett Levine
Garrett Levine
20,305 Points

if you have any style on your page, then it is not an issue with linking, but an issue with syntax.

Gina Scalpone
Gina Scalpone
21,330 Points

It looks like your CSS is fine, so it would be helpful to see the about.html file.

1 Answer

I think someone in the forum had a similar problem. Your issue might be that the header element is floating. Add

clear: both;

to your class .profile-photo and see what happens.