NISHITA THEME: how can I hide most of the typical post clutter
-
Hi there,
I want to hide titles, dates, categories, tags from my posts. I want my blog look more like Finder theme.
Is this possible with CSS?
Best regards,
-Antti
The blog I need help with is: (visible only to logged in users)
-
Hello,
Hiding these things is possible.
To remove the titles, add this to your CSS Customization page.
.index-wrapper h2 {
display: none;
}To remove the items at the bottom of the images add this text.
.photo-meta {
display: none;
}.entry-tags{
display: none;
}This should leave just the images and the descriptions.
I hope this helps, let me know if you have any questions.
-
Thanks for the help Charlie. It’s nice to get help when you need it :) your codes works fine and where particularly that what I was looking for…
So, I want to hide titles, dates etc. from the front page of my blog, but…
On the blog post I want to dates, categories etc. to been shown. Check this link to see what I mean.
Another issue… is it possible to close the gap between the photos on my blog’s first page. See this link what I mean :)
-A.J
-
Hello,
So to remove the tags, dates etc, on just your home page try adding this to your CSS..home .index-wrapper h2 {
display: none;
}.home .photo-meta {
display: none;
}.home .entry-tags{
display: none;
}That should target just the home page for the display property.
As for your additional issue, add this code and check it out. Without the extra information it should close the gap quite a bit. If you want to close it more try adding these CSS tags.
.home .photo-inner p {
margin: 0px;
}Let me know if you have any more questions.
-
Ouyeah!! Big thank you for your help Charlie! Everything else is working like a charm, except closing the gap between posts. This code:
.home .photo-inner p {
margin: 0px;
}Defines the gap or margin between post’s photo and its’ description text.
My goal is to define the margin between posts on the home page.
By the way the post’s title is same the link to post itself. So if I hide the titles from the homepage I also hide the links to posts themselves.
It’s not a problem if you have linked the post’s photo to post itself (you can do this manually when you are creating a post).
-
One more :P How can I change the margin between a post’s title and photo on the home page?
-
Hi there,
If you use the following CSS, the gap between posts narrow:div.post {
margin: 0;
}Hope it helps!
-
Hello,
Changing the space between the title and the photo on the home page is possible, but is a bit of a battle won by inches. There are a lot of little bits of padding and margin to take away, and bit by bit it will bring them closer together. Start adding in these snippets of code until you get the look you want.
.home .photo-inner {
padding-top: 0px;
}.home .photo {
padding-top: 0px;
}.home h2.photo-title a {
padding- bottom: 0px
}.home h2.photo-title {
min-height: 20px;
height: 20px;
padding-bottom: 5px;
}Hope this helps you get the look you want!
-
Carladoria, your code works so well ->Thank you :) Same goes to Charlie, thanks (again). You have been great help :)
-
- The topic ‘NISHITA THEME: how can I hide most of the typical post clutter’ is closed to new replies.