Skip to content
This repository has been archived by the owner on Feb 23, 2024. It is now read-only.

Related products heading in the Single Product template is missing bottom spacing #11507

Closed
xristos3490 opened this issue Oct 30, 2023 · 1 comment · Fixed by #11693
Closed
Labels
type: bug The issue/PR concerns a confirmed bug.

Comments

@xristos3490
Copy link
Member

Describe the bug

The single product template lacks bottom spacing for the "Related products" heading, causing it to appear stuck to the product grid.

To reproduce

Steps to reproduce the behavior:

  1. Visit a product's page using a store with a block theme.
  2. Notice the "Related products" heading after the product tabs.

Expected behavior

The heading should be appropriately spaced from the product grid for a neat and polished look.

Screenshots

screencapture-tt4-test-product-sunglasses-2023-10-31-00_29_32

Environment

WordPress (please complete the following information):

  • WordPress version: [e.g. 6.3.2]
  • Gutenberg version (if installed): [e.g. 16.9.0]
  • WooCommerce version: [e.g. 8.3.0-dev]
  • WooCommerce Blocks version: [e.g. 11.3.0-dev]
@xristos3490 xristos3490 added the type: bug The issue/PR concerns a confirmed bug. label Oct 30, 2023
@danieldudzic
Copy link
Contributor

This seems to be caused by the following styling that's being applied to the Product Template and it resets the correct margin-top:

.wp-block-post-template {
  list-style: none;
  margin-bottom: 0;
  margin-top: 0;
  max-width: 100%;
  padding: 0;
}

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
type: bug The issue/PR concerns a confirmed bug.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants