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

Simon Strömberg
Simon Strömberg
1,423 Points
Posted by Simon Strömberg
Simon Strömberg
1,423 Points

I cant manage to remove bold from the P: http://puu.sh/dMX2a/90b6c2b76b.jpg on the about page.

Also the text is way over to the left if i dont center the text in the wrapper. Becuase centering the P / text using:

.profile-photo p { text-align: center; }

doesnt work. Also doesnt work to use that to get regular font size.

So help thanks.

Ben Attenborough
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Ben Attenborough
Front End Web Development Techdegree Graduate 32,769 Points
Ben Attenborough
.a{fill-rule:evenodd;}techdegree seal-36
Ben Attenborough
Front End Web Development Techdegree Graduate 32,769 Points

Hmm, I would need to see more of the css to give a complete example but

.profile-photo p

only targets p elements within the class of profile-photo

To target all p elements use

p { text-align: center; }

Note: More specific rules will over ride this general selector

wuworkshop
wuworkshop
3,429 Points

It would be more helpful if you pasted in your HTML and your CSS so others can see your code.

4 Answers

Jay Wilson
Jay Wilson
1,494 Points
Jay Wilson
Jay Wilson
1,494 Points

Please post your HTML/CSS code here, or provide a link if it is online so that I can review your code. I can give you the exact answer once I have reviewed your code. (even a screenshot of your code would help)

Warmly,

Jay

Simon Strömberg
Simon Strömberg
1,423 Points
Simon Strömberg
Simon Strömberg
1,423 Points

/********************************** GENERAL ***********************************/

body { font-family: 'Open Sans', sans-serif; }

wrapper {

max-width: 940px; margin: 0 auto; padding: 0 5%; }

a { text-decoration: none; }

img { max-width: 100%; }

h3 { margin: 0 0 1em 0; }

/********************************** HEADING ***********************************/

header { float: left; margin: 0 0 30px 0; padding: 5px 0 0 0; width: 100%; }

logo {

text-align: center; margin: 0; }

h1 { font-family: 'Changa One', sans-serif; margin: 15px 0; font-size: 1.75em; font-weight: normal; line-height: 0.8em; }

h2 { font-size: 0.75em; margin: -5px 0 0; font-weight: normal; }

/********************************** NAVIGATION ***********************************/

nav { text-align: center; padding: 10px 0; margin: 20px 0 0; }

nav ul { list-style: none; margin: 0 10px; padding: 0; }

nav li { display: inline-block; }

nav a { font-weight: 800; padding: 15px 10px; }

/********************************** FOOTER ***********************************/

footer { font-size: 0.75em; text-align: center; clear: both; padding-top: 50px; color: #ccc; }

.social-ikon { width: 20px; height: 20px; margin: 0 5px; }

/********************************** PAGE: PORTFOLIO ***********************************/

galleri {

margin: 0; padding: 0; list-style: none; }

galleri li {

float: left; width: 45%; margin: 2.5%; background-color: #f5f5f5; color: #bdc3c7; }

galleri li a p {

margin: 0; padding: 5%; font-size: 0.75em; color: #bdc3c7 }

/********************************** PAGE: OM OSS ***********************************/

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

.profil-bild p { text-align: center; }

/********************************** COLORS ***********************************/

/* site body */ body { background-color: #fff; color: #999; }

/* green header */ header { background: #6ab47b; border-color: #599a68; }

/* nav background on mobile */ nav { background: #599a68; }

/* logo text */ h1, h2 { color: #fff; }

/* links */ a { color: #6ab47b; }

/* nav link */ nav a, nav a:visited { color: #fff; }

/* selected nav link */ nav a.selected, nav a:hover { color: #32673f; }

Simon Strömberg
Simon Strömberg
1,423 Points
Simon Strömberg
Simon Strömberg
1,423 Points

<!DOCTYPE html>

<html> <head> <meta charset="utf-8"> <title>Hemsida</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/style.css"> </head> <body> <header> <a href="index.html" id="logo"> <h1>Rubrik1</h1> <h2>Rubrik2</h2> </a> <nav> <ul> <li><a href="index.html" class="vald">Galleri</a></li> <li><a href="om.html">Om oss</a></li> <l1><a href="kontakt.html">Kontakt</a></l1> </ul> </nav> </header> <div id="wrapper"> <section> <img src="bild/nick.jpg" alt="profilbild" class="profil-bild"> <h3>Om Oss</h3> <p>Lite text om företaget på denna sida</p> <p>Hitta mig på twitter <a href="http://www.twitter.com">HÄR</a> och följ mig</p> </section> <footer> <a href="http://twitter.com"><img src="bild/twitter-wrap.png" alt="Twitter länk" class="social-ikon"></a> <a href="http://facebook.com"><img src="bild/facebook-wrap.png" alt="Facebook länk" class="social-ikon"></a> <p>© 2014 - Hemsida</p>

</footer> </div>
</body> </html>

Simon Strömberg
Simon Strömberg
1,423 Points
Simon Strömberg
Simon Strömberg
1,423 Points

It works to center it in wrapper, but that center all P text.

Also how do i remove the bold text from "Om oss" page? from p tag.