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 trialJared Watkins
10,756 Pointsmy <footer> copyright disappeared
The copyright text in the <p> in the <footer> isn't showing up anymore. I think it's because the of something I did in main.css.
Help!
Here's the footer
<footer>
<a href="https://twitter.com/JaredWatkins">
<img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
<a href="">
<img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
<p>© 2016 Jared Watkins</p>
</footer>
and here's main.css
/**********************************
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%; /*100% of current window size*/
}
h3 {
margin: 0 0 1em 0
}
/**********************************
HEADING
***********************************/
header {
float: left;
margin: 0 0 30px 0; /*clockwise: top right bottom left*/
padding: 5px 0 0 0; /*clockwise: top right bottom left*/
width: 100%; /*strech accross the entire page*/
}
#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; /*removes bullet points*/
margin: 0 10px;
padding: 0;
}
nav li {
display: inline-block; /*puts the navigation elemts inline instead of stacked*/
}
nav a {
font-weight: 800; /*can be normal, bold, or, because it's a google font, google used numbers to describe this one as bold being 800*/
padding: 15px 10px; /*the space around the text is clickable too*/
}
/**********************************
FOOTER
***********************************/
footer {
font-size: 0.75px;
text-align: center;
clear: both; /*clear of any influence from the other objects "floated", making things stacked again*/
padding-top: 50px;
color: #ccc;
}
.social-icon { /*make the social icons smaller*/
width: 20px;
height: 20px;
margin: 0 5px;
}
/**********************************
PAGE: PORTFOLIO
***********************************/
/*portfolio is the index page*/
#gallery {
margin: 0;
padding: 0;
list-style: none; /*removes the styling from the photos ie: bullets*/
}
#gallery li {
float: left;
width: 45%; /*image take 45% of the browser window width*/
margin: 2.5%; /*each image has a margin of 2.5%*/
background-color: #f5f5f5;
color: #bdc3c7;
}
/*This will affect the paragraph text under the portfolio photos*/
#gallery li a p {
margin: 0;
padding: 5%;
font-size: 0.75em;
color: #bdc3c7;
}
/**********************************
PAGE: ABOUT
***********************************/
.profile-photo {
display: block;
max-width: 150px;
margin: 0 auto 30px;
border-radius: 100%; /*rounded corners, radius*/
}
/**********************************
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 ;
}
3 Answers
Ken Ortman
3,947 Pointsin the css you made the font size 0.75px instead of 0.75em
It's still there, you just can't see it because it is less than a pixel high!
Alejandro Mesa
9,813 Pointsfooter {
font-size: 0.75px; /*change this to em or %, is too small for you to see it right now*/
}
Jared Watkins
10,756 PointsThank you!!!!