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 trialSimon Strömberg
1,423 PointsI 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.
wuworkshop
3,429 PointsIt would be more helpful if you pasted in your HTML and your CSS so others can see your code.
4 Answers
Jay Wilson
1,494 PointsPlease 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
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
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
1,423 PointsIt 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.
Ben Attenborough
Front End Web Development Techdegree Graduate 32,769 PointsBen Attenborough
Front End Web Development Techdegree Graduate 32,769 PointsHmm, 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