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

Brandon Brigham
Brandon Brigham
3,716 Points
Posted by Brandon Brigham
Brandon Brigham
3,716 Points

Trying to remove text on homepage blog post

Hello,

If you visit the site I'm working on here: http://greenmeg.dev.amplifyint.com/

You will see on the home page there are 3 image boxes with the following titles:

The Creative Spark The Trick To Winning Challenge Competition

Underneath The Creative Spark is text that reads "Sample blog post about “The Creative Spark”

These 3 boxes are linked to Posts and are blog posts that show up on the homepage.

What I need to do is remove the text that shows up below the 3 images on the home page without affecting the actual Blog page itself.

Any ideas?

2 Answers

Kuhrt Cowan
Kuhrt Cowan
23,796 Points
Kuhrt Cowan
Kuhrt Cowan
23,796 Points

Could you add the code below to hide them from just the home page?

.home-featured-area .entry-content {
  display: none;
}
Brandon Brigham
Brandon Brigham
3,716 Points
Brandon Brigham
Brandon Brigham
3,716 Points

Thank you Kuhrt as well as Christian - Kuhrt's answer helped since I just wanted to adjust CSS only

Christian Andersson
Christian Andersson
8,712 Points
Christian Andersson
Christian Andersson
8,712 Points

Khurt Cowan seems to have a good solution to this. However, here is another one if you'd rather edit the HTML, here is another solution:

<p hidden>Sample blog post about &#8220;The Creative Spark&#8221;</p>