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 Make an About Page

Jared Watkins
Jared Watkins
10,756 Points

my <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>&copy; 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

in 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
Alejandro Mesa
9,813 Points
footer {
 font-size: 0.75px;  /*change this to em or %, is too small for you to see it right now*/
}