-
Posts
-
I would really like the home screen to only display the featured image of the blog post and the title. Then when you click on the image you open up the content of the post. At the moment, the only reason to click on an idividual post is to see it bigger. Therefore, I don’t get a true account of what people are viewing on the blog.
Is this possible?
The blog I need help with is magpiethat.comHi James – you could try hiding the post content itself on the homepage with some custom CSS:
.home .entry-content { display: none; }Let me know if this works for you.
AMAZING! Thank you. One last thing, how do I hide my name and the tags from each post on the home screan?
and how do I get rid of my avatar from each blog post?
Sure! Just remove the CSS I provided above and replace it with this, which also hides the author name and tags:
.home .entry-content, .home .entry-meta { display: none; }You may now also to add a bit of space below the date so it isn’t butted right up against the bottom of the post:
.home .entry-date { margin-bottom: 10px; }and how do I get rid of my avatar from each blog post?
.single .entry-meta .author-img { display: none; }
That one doesn’t seem to work?
Ah, I thought you were asking how to remove your avatar from the single blog post pages. :) If you want to hide them on the homepage, then change this:
.home .entry-content, .home .entry-meta { display: none; }to this:
.home .entry-content, .home .entry-meta, .home .author-img { display: none; }It would be great if you could ideally group your tweaks for the homepage into one question, it’ll be a bit less confusing and more efficient. :) Was there anything else you wanted to tweak?
Sorry, as I was adding your code I was thinking of more things. So, on reflection, all I want on the home screen is the featured image and the title of the post. No date, avatar, tags or my name.
Thank you very much for all your help.
To also hide the dates on the homepage, change this:
.home .entry-content, .home .entry-meta, .home .author-img { display: none; }to this:
.home .entry-content, .home .entry-meta, .home .author-img, .home .entry-date { display: none; }You’ll also now want to remove the bottom-margin on the date:
.home .entry-date { margin-bottom: 10px; }And instead add it to the title:
.home .entry-title { margin-bottom: 10px; }Let me know if this does the trick!
Amazing, that looks so much neater. Thank you for your patience.
Is there a way to now reduce the size of the font of the blog titles on the home page?
Also, unrelated.
The header will only be a block colour when made black, otherwise it has vertical lines along it.
Is there a way to delete them?
Sure, no problem! Are there other tweaks you’d like to make in addition? Please feel free to list all the tweaks you want to make to your site and I’ll give you all the CSS code at once. :)
Thats everything.
I promise.
This should do it. You can adjust the percentage value as you like:
Is there a way to now reduce the size of the font of the blog titles on the home page?
.wf-active .three-column .entry-title { font-size: 130%; }The header will only be a block colour when made black, otherwise it has vertical lines along it.
Is there a way to delete them?
I’m not sure where to see the vertical lines in the header that you’re referring to. I see one horizontal line here – is that what you want to remove?
If that’s not it, would you be able to point me more precisely to where I should be looking? Thanks!
Appologies, I mean the strip of colour where the menu sits. I’ve change the colour from black to green so you can see the lines I am refering to.
Ah, thanks. To remove the vertical stripes from the menu bar, this should do the trick:
#masthead { background-image: none; }Let me know!
Perfect! You’ve been brilliant, thank you so much for your help.
You must be logged in to reply to this topic.
Theme Support 