• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Baguiowebs

Baguiowebs

Learn WordPress. Build Your Own Site.

  • Contact
  • Build a Site
  • WP Training
  • Library
  • Signup
  • Login
  • Contact
  • Build a Site
  • WP Training
  • Library
  • Signup
  • Login

Adjust Gap Between Posts On Homepage

Hi, Login
X

Join Us Forgot Password?

to view this video. Not a member? Join Now!

This code snippet goes into the child theme style.css file. You can adjust the pixel number from 20 if you like to increase or decrease the gap distance between homepage posts.

Alternatively, you can add a border between the posts as well. That pixel number on the border thickness can be adjusted along with the border style (dashed) and the color if you wish.

/* Adjust Gap Between Posts On Homepage */
.home article {
   margin-bottom: 20px !important;
   border-bottom: 2px solid grey;
}

Filed Under: WP Theme Customization

Primary Sidebar

Section 6

WP Theme Customization

Introduction

  • Before We Customize3:49min
  • How To Create A Child Theme4:49min

Shorcodes

  • Personal Greeting Shortcode3:22min
  • Flex Date Shortcode5:45min

Theme Customization Tuts

  • Remove URL Underline4:54min
  • Remove Incorrect Login Shake1:39min
  • Rebrand Admin Bar WP Logo2:46min
  • Remove Top White Space1:33min
  • Adjust Gap Between Posts on Homepage1:55min
  • Add Border Below Header2:19min
  • Customize Site Description2:16min
  • Customize Site Title2:17min
  • Random Admin Announcement4:47min
  • Add Drop-Down Menu To Admin Bar3:59min

Copyright © 2021 Baguiowebs. All Rights Reserved.

  • About
  • Disclaimer
  • Privacy Policy
  • Terms