Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

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

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

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

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>