Automattic / themes

Free WordPress themes made by Automattic for WordPress.org and WordPress.com.
https://themeshaper.com
GNU General Public License v2.0
890 stars 354 forks source link

Payton: Default and Wide Line Separator block styles don't work #7774

Closed cecilearkay closed 5 months ago

cecilearkay commented 5 months ago

Quick summary

The Default and Wide Line Separator block styles do not work. The only way to display the Separator block is to use the Dots styles.

Steps to reproduce

1 - Activate the Payton theme. 2 - Create a page and add a Separator block. 3 - Try to use either the Default or Wide Line style. 4 - You'll see it displays in the editor as expected.

Markup 2024-04-26 at 20 23 24

5 - Publish the page and check it on the live site to see the Separator line isn't showing.

Annotation on 2024-04-26 at 20-28-25

What you expected to happen

I expected the line to display with all styles and not just the Dots style.

What actually happened

The line from the Separator block doesn't show if it's the Default or Wide Line styles.

Browser

No response

Context

No response

Platform (Simple, Atomic, or both?)

No response

Other notes

No response

Reproducibility

Consistent

Severity

None

Available workarounds?

Yes, easy to implement

Workaround details

It can be fixed with some CSS, such as:

.wp-block-separator {
    border-width: 2px;
}
rickmgithub commented 5 months ago

📌 REPRODUCTION RESULTS

📌 FINDINGS/SCREENSHOTS/VIDEO

Problem is exactly as OP says. However on Simple sites, it doesn't show if it's set as default as well.

https://github.com/Automattic/themes/assets/13706336/c7292e12-c41c-46e4-a965-81b138cb0c53

There was a similar issue that was closed sometime ago - https://github.com/Automattic/themes/issues/5727

📌 ACTIONS

Very similar case here - https://github.com/Automattic/wp-calypso/issues/60108 Closing in favor of that case.