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 Responsive Layout

Posted by jeannieduen
.a{fill-rule:evenodd;}techdegree
jeannieduen
Front End Web Development Techdegree Student 8,709 Points

Trying to change my footer tag in css. Not sure if this is possible.

What I would like to do is to change my footer tag, which looks like this in the index file:

<div id="textbox">
    <p class="alignleft">Fred Duen</p>
  <p class="alignright"><a href="#top">Back to Top</a></p>
</div>

I would like to know if I could use css to change the "back to top" content to include 3 <a href=""> tags so that I may have 3 different links in my footer. I would like to change the html in my footer in CSS for the first project of the TechDegree. Can anyone help me with this? I've tried this:

<style> .alignright { visibility: hidden; }

textbox .alignright::after{

            visibility: visible;
            content: "<div></div>";
            }

</style>

But I have had no luck, thank you.

Tijo Thomas
Tijo Thomas
9,737 Points
Tijo Thomas
Tijo Thomas
9,737 Points

You really can't do this in CSS without getting fairly. Look at this article and the comments at the bottom.

This can be done with javascript or jQuery easily.

Brian Jensen
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Brian Jensen
Treehouse Staff
Brian Jensen
.a{fill-rule:evenodd;}techdegree seal-36
Brian Jensen
Treehouse Staff

Are you not able to edit the index file, is that why you are trying to do it with css? Or are you wanting different footers for different screen sizes?

jeannieduen
.a{fill-rule:evenodd;}techdegree
jeannieduen
Front End Web Development Techdegree Student 8,709 Points

Hi everyone, thank you for your replies, I ended up using the nth child as my solution. I created a table and collapsed the table data at different points in the different media queries.