Margin between posts

Sparkling
1

First of all, thanks for your wonderful theme. I really love it :slight_smile:

How can I lower the margin between the posts? [Screenshot 1] [Screenshot 2]
This is actually not “so” large on PCs (except for the very first post), but on mobile devices it has a large gap between two posts. [Screenshot]

Another question is that I’m using the below custom CSS (to make the website wider and fit the almost whole screen on mobile devices) on my test website to make sure everything is fine before moving everything to my main website. Can you please confirm it has no errors?

.main-content-inner { padding: 5px 5px; }
.post-inner-content { padding: 3% 3%; }
,site-content { padding: 5px 5px; }
.well { padding: 3% 3%; }
#secondary .widget a { color: #111; }
.widget-area { padding: 5px 5px; }
.navbar-default .navbar-nav { font-weight: bold; }
.stButton .stBubble_count { height: 41px!important; }
.stButton .stMainServices { height: 22px!important; }
#content { margin-top: 44px; }
.admin-bar .navbar-fixed-top { padding-top:32px; }

I appreciate your help. Thank you

2

There are some really obvious mistakes in your code and I would use it like this:

.main-content-inner { padding: 5px 5px; }
.post-inner-content { padding: 3% 3%; }
.site-content { padding: 5px 5px; }
.well { padding: 3% 3%; }
#secondary .widget a { color: #111; }
.widget-area { padding: 5px 5px; }
.navbar-default .navbar-nav { font-weight: bold; }
.stButton .stBubble_count { height: 41px !important; }
.stButton .stMainServices { height: 22px !important; }
#content { margin-top: 44px; }
.admin-bar .navbar-fixed-top { padding-top:32px; }
.single-view, .blog-item-wrap { margin-bottom: 10px;  }

I have also added Custom CSS to reduce margin between posts. However, I am puzzled why you are using #content { margin-top: 44px; } and complain that there is huge gap between nav bar and content if you have specially added this in your custom CSS?

3

Thanks for the reply, Aigars.

I was experimenting with the fixed navbar, and I saw in one of the posts in this forum that you suggested to use that.

BTW, I no longer use that. Thanks for the margin css thing. :slight_smile: