WordPress / wporg-theme-directory

15 stars 6 forks source link

Preview of style variations doesn't do gradients #154

Open bph opened 1 month ago

bph commented 1 month ago

Describe the bug When browsing the new theme Creativium the style variations buttons only show black backgrounds

To Reproduce Steps to reproduce the behavior:

  1. Go to Creativium theme
  2. Scroll to style variations
  3. See the all black buttons.

Expected behavior That the style variations buttons show the various variations

Screenshots

https://github.com/user-attachments/assets/17f2a62d-831f-4e65-b54c-05385711a8f4

Desktop (please complete the following information):

ryelle commented 1 month ago

The style variation cards do support gradients, as seen on Twenty Twenty-Three.

Screenshot 2024-07-22 at 11 45 24 AM

I think the issue is that Creativium is adding the gradient in a way that isn't being applied to the card view. Twenty Twenty-Three sets the background on the body in theme.json, while Creativium adds a wrapper element to the page template in patterns. The card preview expects the base color to be used as the body background.

Have you seen anything like this happen on other themes, where the style variation cards are not displayed correctly?

bph commented 1 month ago

Danvatwo Seems to have a similar problem:

https://github.com/user-attachments/assets/c19385d0-6823-4aba-b0c4-26a401ea742c

Slightly different problem with the style variation preview has Gutenify Health Clinic

As does Spa Centric