How to only dispay title on homepage

indierevolver · Member · Aug 22, 2014 at 1:12 pm
Copy link

Add topic to favorites
Hey Guys,

I’m looking to have my homepage only show the title of each post for a cleaner look. Can someone give me a detailed step by step on how to accomplish this. the website is http://indierevolver.com/

Any help would be greatly appreciated. Thanks!

The blog I need help with is: (visible only to logged in users)
sandymcfadden · Member · Aug 23, 2014 at 11:47 am
Copy link
Hi indierevolver,

Do you have the Custom Design upgrade?
If you do you can accomplish this but using some Custom CSS code.

Here is some code that should do what you are looking for. It will give you the idea but will likely need some tweaking to get things to look the way you want.

Try this and let me know what you like or don’t like and I’m sure we can tweak it to get it the way you want.
```
/* hide everything but title */
.home .entry-meta,
.home .entry-content {
    display: none;
}

/* Set title link color and underline it when hovered over */
.home article a:hover {
    text-decoration: underline;
    color: #000 !important;
}

/* Decrease the spacing between titles and remove bottom border */
.home article {
    border-bottom: none;
    padding-top: 10px;
    padding-bottom: 10px;
}
```
indierevolver · Member · Aug 23, 2014 at 2:24 pm
Copy link
Thanks! That did the trick. Now is looks a little jumbled. I can play with the spacing but is there a way to add more posts to the main page now? It stops at eight when I preview. I’d prefer them to go to the bottom of the page then maybe a selection to view more. Is that possible?
sandymcfadden · Member · Aug 23, 2014 at 2:33 pm
Copy link
Excellent, glad that is getting you on the right track.

If you want it to display a certain number and then with a selection to show more you can do that for sure.

In your Dashboard go to Settings then Reading.
You can set the number of posts to display here and if you turn off the infinite scroll setting than it will display a link to go to more posts.

Let me know if that makes sense.
indierevolver · Member · Aug 24, 2014 at 5:41 am
Copy link
Makes sense. Thanks again! one more question, is there a way to include the date and time under the post title?
sandymcfadden · Member · Aug 24, 2014 at 11:59 am
Copy link
You could instead of hiding the whole entry-meta section hide only the elements in it you want to. So this code would hide everything except the posted on date.
```
.home .entry-meta {
    display: block;
}
.home .byline,
.home .post-format-link,
.home .comments-link {
    display: none;
}
```
That would only display the date, but if you wanted the time shown as well you could add this.
```
.home .entry-meta a::after {
    content: ' @ ' attr(title);
}
```
Hope that helps.
indierevolver · Member · Aug 24, 2014 at 1:31 pm
Copy link
Worked perfectly. I think this might be the last one. You gave me a great piece of code for the headline hover over where it underlined it. Is there a similar fix for the Top Stories and Most Recent Posts in the right hand column?
sandymcfadden · Member · Aug 24, 2014 at 1:56 pm
Copy link
Excellent I’m glad this is helping.
I’m doing this from my phone but I think this will do it for you.
If not let me know and when I get home I’ll check from my computer.
```
.widget-area aside li a:hover {
  color: #000;
  text-decoration: underline;
}
```

No items found.