How do I change the padding in WordPress to be bottom only?

To change the padding in WordPress to be bottom-only, you can use CSS. Here are a few ways to achieve this:

1. Using Custom CSS in the WordPress Customizer:

- Navigate to your WordPress dashboard, then go to "Appearance" > "Customize".

- Look for the "Additional CSS" section.

- Add your custom CSS there. To apply bottom padding to all paragraph elements, use:

p {
  padding-bottom: 20px; / Adjust 20px as needed /
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

- You can replace p with any other HTML selector (like .your-class or #your-id) for a more specific application.

- The padding-bottom property sets only the bottom padding while the other padding properties are set to zero.

2. Using CSS Classes:

- If you prefer a more targeted approach, add a specific CSS class to the elements that require bottom padding.

- In the "Additional CSS" section of the WordPress Customizer, add:

.bottom-padding {
  padding-bottom: 30px; / Adjust 30px as needed /
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

- Then, in your WordPress content, add the class bottom-padding to the element. For example, in the block editor:

- For a paragraph: Go to the "Advanced" settings of the paragraph block and enter bottom-padding in the "Additional CSS class(es)" field.

- You can apply this to any HTML tag that you wish.

3. Using Inline Styles:

- Although not recommended for large-scale changes, you can use inline styles directly in the HTML of your content:

<p style="padding-bottom: 25px; padding-top: 0; padding-left: 0; padding-right: 0;">This paragraph has only bottom padding.</p>

- Inline styles should be used sparingly, as they are harder to maintain and override. It is best practice to use CSS in your stylesheet or via the Customizer.

Important Notes:

- Adjust the pixel values as needed to achieve your desired padding.

- If you are using a page builder (like Elementor, Beaver Builder, or others), each has settings to add paddings to your containers and elements. It is best to use those features directly if the page builder provides such settings before resorting to custom CSS.

- To inspect the changes, use the browser's developer tools (usually opened with F12) and inspect the elements, you should be able to see the applied styles.

By using these methods, you can effectively change the padding in WordPress to be bottom-only, providing precise control over the spacing of your content.

Learn more about this