How to reduce space between posts

You should learn how to use a web developer tool like Firebug for Firefox or Chrome Developer Tools, which comes installed in Chrome. And if you don’t understand how CSS works, then read through a tutorial on CSS. Then you’ll be able to discover how to customize your site on your own.

With that being said, you can adjust the space between posts using a combination of margin-bottom and padding-bottom properties. Try adding this to your custom CSS option (Appearance > Theme Options > Custom CSS from the dashboard):

#content article {
   margin-bottom: 10px;
   padding-bottom: 10px;
}

Adjust the values until it looks the way you want it.

Thank you sooo much CrouchingBruin for your help, it is highly appreciated.

The issue is solved and I will start learning CSS programming language.

Regards,

Thanks again # CrouchinBruin,

I am learning now Chrome Developer tool, but I have same problem for the empty space of top & bottom side padding of the footer were page links of website pages are there.

This footer is above directly the copy rights footer.

Can you help me here also to give me the codding?

OK, let me walk you through how you can figure it out using Chrome Developer Tool.

Right-click on the footer and select Inspect element from the pop-up menu. The DevTool console will open at the bottom half of the browser window. On the left pane is the HTML code, on the right pane is the CSS. The element that is being inspected should be highlighted on the left pane. Look for the line that looks like this and click on it:

<div id="footer-sidebar" class="container">

Then look on the right pane, where the CSS is displayed, and tell me which CSS do you think you have to change.

Thanks a lot CrouchingBruim,

the code I am getting as below:

‘element.style {
height: 370px;
}
https://www.water-encyclopedia.com/media=”screen”
#supplementary {
padding: 15px 0;
padding: 1.5rem 0;
}’

I have modified the padding to be 1.5 rem. But I wanna modify the height, if I made it 340 which is excellent, it does not change in the original website.

Please, how can get the code to be added in theme options as an additional code, to reduce the size of the height from chrome developer tool?

Thanks a gain for your kind support.

Hmm, I don’t see the element.style selector, which would be an inline style.

I have modified the padding to be 1.5 rem. But I wanna modify the height, if I made it 340 which is excellent, it does not change in the original website.

How or where did you try to change it to 340? I don’t see it in responsive.css or style.css.

I will say that your CSS files are all very confusing. In many cases, you have duplicate properties for the same selectors.

Oops, sorry, made a duplicate post by mistake.

Hello, I’m using the Catch Everest Theme and want to decrease the space between paragraphs, how do I do so please?

@katonyag11, you’ll need to post a link to your site so I can take a look. Did you try examining your site using Firebug or Chrome Developer Tools?