How to resize the post's height for WordPress theme?

Like captured file,

I want to make post’s height shorter

And Title’s size smaller

How can I do?

You can change font size for post titles by using code like this:

.blog .pinbin-copy h2 {
  font-size: 13px;
}

You can add it via Jetpack custom CSS field or any other Custom CSS plugin.

To make the entire blog smaller I need to know on what you want to save up that space. You want to

  • make excerpt (post summary) shorter
  • remove excerpt completely
  • squeeze everything together by eliminating margins and paddings?
  • maybe even remove post date?

Let me know what works for you as it is not possible to adjust one component to make everything small, you need to find the best mix that works for you.

Thanks your reply

I want to make an my artwork portfolio web page

like Pinterest, artstation.com, drawcrowd.com

So images are most important.

I want to know two methods

1.remove excerpt completely.
2 remove excerpt,date except the title.

Thanks your reply

I want to make an my artwork portfolio web page

like Pinterest, Artstation, Drawcrowd

So images are most important.

I want to know two methods

1.remove excerpt completely.
2 remove excerpt,date except the title.

  1. This will remove excerpt and date while leaving post title in place.
#post-area .post .pinbin-date {
  display: none;
}

#post-area .post p {
  display: none;
}

#post-area .post .pinbin-category p {
  display: block;
}
  1. This will remove everything including post title, excerpt and date:
#post-area .post .pinbin-copy {
	display: none;
}

#post-area .post .pinbin-image {
	margin-bottom: -7px;
	padding: 0;
}

Let me know if there is anything else.

Thank you for your help!

It looks better.

And I have more questions.

I want to modify

Page button’s size, style

Category’s size, style

Category’s transparent box opacity

Thank you for your help!

It looks better.

And I have more questions.

I want to modify

Page button’s size, style

Category’s size, style

Category’s transparent box opacity

  1. Navigation button styling can be changed like this:
.main-nav ul li a {
  color: red;
  font-size: 15px;
}

This code will change color to red and increase font size from 13px to 15px. You can make different changes the same way.

  1. Category name and area around it can be changed like this:
.pinbin-category {
  background: rgba(0,0,0,0.6);
  opacity: 1;
}

.pinbin-category a,
.pinbin-category p {
  color: red;
  font-size: 18px;
}

First part of code will make this area transparent using RGBA color code and you can replace it with any other color code. Second part of code will change category name to red and font size to 18px. Just make sure to use your own values as this is just an example.