Title: Space Between Posts in Posts Block
Last modified: May 7, 2022

---

# Space Between Posts in Posts Block

 *  Resolved [yoyokhan](https://wordpress.org/support/users/yoyokhan/)
 * (@yoyokhan)
 * [4 years, 1 month ago](https://wordpress.org/support/topic/space-between-posts-in-posts-block/)
 * Hi,
    Thanks for creating this awesome plugin. I am using Posts block. Can you
   tell me how can I reduce the space between post rows? Allow View All button is
   also way too below the block, how to reduce its margin from top as well ?
 * Thanks
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fspace-between-posts-in-posts-block%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 9 replies - 1 through 9 (of 9 total)

 *  Plugin Support [Vytis](https://wordpress.org/support/users/bvytis/)
 * (@bvytis)
 * [4 years, 1 month ago](https://wordpress.org/support/topic/space-between-posts-in-posts-block/#post-15629875)
 * Hi [@yoyokhan](https://wordpress.org/support/users/yoyokhan/),
 * Thank you for using Otter plugin!
 * You can try this CSS for making the gap smaller between the posts (default is
   30px):
 *     ```
       .wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-blog {
           margin-bottom: 0px;
       }
       ```
   
 * This will also make the button appear closer to the last row.
 * I hope it helps!
 *  Thread Starter [yoyokhan](https://wordpress.org/support/users/yoyokhan/)
 * (@yoyokhan)
 * [4 years ago](https://wordpress.org/support/topic/space-between-posts-in-posts-block/#post-15631373)
 * Hi, Thanks for response. I added this to Posts Block custom CSS field but nothing
   happened. Right now, it is added in Showbiz Block.
 *  Plugin Author [Hardeep Asrani](https://wordpress.org/support/users/hardeepasrani/)
 * (@hardeepasrani)
 * [4 years ago](https://wordpress.org/support/topic/space-between-posts-in-posts-block/#post-15633224)
 * [@yoyokhan](https://wordpress.org/support/users/yoyokhan/)
 * You should add it to the Posts block using CSS tab on the right sidebar.
 *  Thread Starter [yoyokhan](https://wordpress.org/support/users/yoyokhan/)
 * (@yoyokhan)
 * [4 years ago](https://wordpress.org/support/topic/space-between-posts-in-posts-block/#post-15636893)
 * Hi, Thanks a lot. It worked. Two things more,
    How to customize posts title. 
   Like Line height, mouse hover color How to give space to Button and Heading from
   Left (both items are too left on mobile)
 * Thanks
 *  [luciamarinescu](https://wordpress.org/support/users/luciamarinescu/)
 * (@luciamarinescu)
 * [4 years ago](https://wordpress.org/support/topic/space-between-posts-in-posts-block/#post-15645774)
 * Hi [@yoyokhan](https://wordpress.org/support/users/yoyokhan/)!
 * The font size for posts title can be changed by expanding “Design & Layout” and
   then “Title” – [screenshot](https://vertis.d.pr/ZIAgEl). Other customizations
   can be done using custom CSS.
 * Regarding the space from the left side of the buttons from the page you provided,
   that can be changed on mobile devices by adding the code below in the Custom 
   CSS tab of the button, in the right sidebar. Feel free to change the value of
   the margin as you wish until you achieve the desired style.
 *     ```
       @media(max-width: 768px){
       .page-id-86063 .wp-block-themeisle-blocks-button-group {
           margin-left: 20px !important;
       }
       }
       ```
   
 * As for the headings, the code below should be added in the Custom CSS tab of 
   the heading, in the right sidebar.
 *     ```
       @media(max-width: 768px){
       .page-id-86063 h2 {
           margin-left: 20px !important;
       }
       }
       ```
   
 * Have a nice day!
 *  Thread Starter [yoyokhan](https://wordpress.org/support/users/yoyokhan/)
 * (@yoyokhan)
 * [4 years ago](https://wordpress.org/support/topic/space-between-posts-in-posts-block/#post-15646399)
 * Thanks a lot. It really helped. Grateful.
 * 1. How to change Post Title Color of Post Block as “Design & Layout” has no option
   for it. I want to have red background color of Post block with white title font.
 * 2. I have added link to Button (view all) but it is not working on Mobile. Either
   it does not open or opens after clicking 4,5 times the button. I am using wp 
   rocket and its delayed Javascript feature is enabled, Can this be the cause? 
   may be Javascript of otter have to be excluded ?
 * Thanks
 *  Thread Starter [yoyokhan](https://wordpress.org/support/users/yoyokhan/)
 * (@yoyokhan)
 * [4 years ago](https://wordpress.org/support/topic/space-between-posts-in-posts-block/#post-15666016)
 * Hi, i know you must be busy but If you response to the last Question, I will 
   be highly grateful.
 * PS- I have bought pro version to get full advantage to Otter.
 *  Plugin Author [Hardeep Asrani](https://wordpress.org/support/users/hardeepasrani/)
 * (@hardeepasrani)
 * [4 years ago](https://wordpress.org/support/topic/space-between-posts-in-posts-block/#post-15666631)
 * Hey [@yoyokhan](https://wordpress.org/support/users/yoyokhan/),
 * 1. You can use the following CSS to do it:
 *     ```
       .wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-body .o-posts-grid-post-title a {
         color: black;
       }
       ```
   
 * 2. It seems like you’ve added this CSS somewhere which is causing that:
 *     ```
       .wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-blog {
         margin-bottom: -30px;
       }
       ```
   
 * You can either remove this or add a Spacer above the Button block to bring a 
   bit lower.
 * Let me know if that helps!
 *  Thread Starter [yoyokhan](https://wordpress.org/support/users/yoyokhan/)
 * (@yoyokhan)
 * [4 years ago](https://wordpress.org/support/topic/space-between-posts-in-posts-block/#post-15667212)
 * Hi, thanks. I have four posts blocks and when I use following code, its gets 
   apply to all. But I want it to be used on single block.
 *     ```
       .wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-body .o-posts-grid-post-title a {
         color: black;
       }
       ```
   
 * I have used this on both Reusable posts blocks and new as well, result is same.
 * thanks

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Space Between Posts in Posts Block’ is closed to new replies.

 * ![](https://ps.w.org/otter-blocks/assets/icon-256x256.gif?rev=3452114)
 * [Otter Blocks - Gutenberg Blocks, Page Builder for Gutenberg Editor & FSE](https://wordpress.org/plugins/otter-blocks/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/otter-blocks/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/otter-blocks/)
 * [Active Topics](https://wordpress.org/support/plugin/otter-blocks/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/otter-blocks/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/otter-blocks/reviews/)

## Tags

 * [Otter](https://wordpress.org/support/topic-tag/otter/)

 * 9 replies
 * 4 participants
 * Last reply from: [yoyokhan](https://wordpress.org/support/users/yoyokhan/)
 * Last activity: [4 years ago](https://wordpress.org/support/topic/space-between-posts-in-posts-block/#post-15667212)
 * Status: resolved