[wp-trac] [WordPress Trac] #63624: Twenty Fourteen :- Quote block having issue with the text color.

[WordPress Trac]

#63624: Twenty Fourteen :- Quote block having issue with the text color.
------------------------------+------------------------------
 Reporter:  nidhidhandhukiya  |       Owner:  (none)
     Type:  defect (bug)      |      Status:  new
 Priority:  normal            |   Milestone:  Awaiting Review
Component:  Bundled Theme     |     Version:  6.8
 Severity:  normal            |  Resolution:
 Keywords:                    |     Focuses:
------------------------------+------------------------------

Comment (by abcd95):

 == Bug Reproduction and Patch Test Report

 This report validates whether the indicated patch works as expected.

 Patch tested:
 [https://core.trac.wordpress.org/attachment/ticket/63624/63624.patch
 63624.patch]

 === Environment
 - WordPress: 6.9-alpha-60093-src
 - PHP: 8.2.25
 - Browser: Chrome 137.0.0.0
 - OS: macOS
 - Theme: Twenty Fourteen 4.2

 === Actual Results
 🟡 Issue partially resolved with the patch, but there is more to be done.

 The change that this patch removes was added in [43797] to make sure they
 match the theme’s existing HTML element styles.

 === Additional Notes

 The patch successfully addresses the quote text styling issues, with
 styles being applied correctly on both the frontend and in the editor.
 However, a partial issue remains with the citation text styling.


 While the background color for citation text is being applied correctly in
 both contexts, the text color property is only taking effect on the
 frontend. In the editor, the citation text color is not being applied as
 expected due to CSS specificity conflicts.

 The editor styles are overriding the intended citation text color due to
 the [https://core.trac.wordpress.org/browser/trunk/src/wp-
 content/themes/twentyfourteen/css/editor-blocks.css#L289 following CSS]
 rule with higher specificity:

 {{{
 .wp-block-quote .wp-block-quote__citation {
     color: #2b2b2b; // ==> removing this makes editor styles work as
 expected
     font-size: 16px;
     font-weight: 400;
     margin-top: 0;
 }
 }}}

 This change was also added in [43797] to make sure they match the theme’s
 existing HTML element styles.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/63624#comment:1>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform