themes icon indicating copy to clipboard operation
themes copied to clipboard

Exford: Button color changes in the customizer and page editor are not reflecting on the site

Open staproehl opened this issue 1 year ago • 2 comments

Quick summary

The theme uses a black button color on the site, despite the theme showing green color as the default. Any changes made to the specific button blocks show in the editor but are also not reflected on the site.

Steps to reproduce

  1. Install the Exford theme on an atomic Creator Plan site
  2. Right away, you can review the buttons in the page editor and compare them on the published site to see they are different
  3. Next you can try changing the color of a specific button and then see on the published page that changes aren't made

What you expected to happen

It's expected that the site shows the button colors based on the default color in the customizer (green) and what is selected for individual buttons in the page editor.

What actually happened

All buttons are the color black.

Browser

Google Chrome/Chromium, Mozilla Firefox, Apple Safari

Context

7788026-zen

Platform (Simple, Atomic, or both?)

Atomic

Other notes

Screen record of issue and workaround: https://stajproehl.wistia.com/medias/lt1we1c7hj

Reproducibility

Consistent

Severity

Some (< 50%)

Available workarounds?

Yes, easy to implement

Workaround details

A workaround is going to the Customizer → Colors & Background, and choosing a new color for Links (the third circle). Changing the color then makes the default color change and all individual button changes show up. The buttons are no longer black. Setting the color palette back to default returns the buttons to black.

staproehl avatar Feb 28 '24 21:02 staproehl

Support References

This comment is automatically generated. Please do not edit it.

  • [ ] 7788026-zen

github-actions[bot] avatar Feb 28 '24 21:02 github-actions[bot]

NOTE: Looks like it may well be related to - https://github.com/Automattic/themes/issues/7309

Steps to reproduce UPDATED

  • I wasn't able to replicate the exact same color problems but could see problems with styling.
  • Ensure you create a new clean site. I couldn't replicate on an existing site by installing Exford,
  • Ensure Exford is intalled.
  • Go into Pages
  • Look at the newly created home page and see the differences

https://github.com/Automattic/themes/assets/13706336/37de971d-d89c-4a15-a15e-6451c8b3e212

  • If you change the colors, they do change but the styling is still different with the border radius and font size

https://github.com/Automattic/themes/assets/13706336/99d2b565-ddaf-4504-84d2-7c5e18dd72d2

rickmgithub avatar Mar 01 '24 07:03 rickmgithub