Skip to content

Commit

Permalink
Luminance: Fix display of featured images
Browse files Browse the repository at this point in the history
The featured images in Luminance were completely misaligned due to
changes in how Gutenberg has changed the specifity of style rules.
Rather than the custom block-specific CSS for the core/featured-image
block taking priority, the default block library styles did.

The problem has been reported upstream
(WordPress/gutenberg#64453) but in the
meantime, using the theme-wide custom CSS fixes the problem.
  • Loading branch information
dsas committed Aug 19, 2024
1 parent b007e79 commit d3fd305
Showing 1 changed file with 2 additions and 4 deletions.
6 changes: 2 additions & 4 deletions luminance/theme.json
Original file line number Diff line number Diff line change
Expand Up @@ -507,9 +507,6 @@
"core/post-excerpt": {
"css": ".wp-block-post-excerpt .wp-block-post-excerpt__excerpt{line-height: inherit;}"
},
"core/post-featured-image": {
"css": ".wp-block-post-featured-image img{vertical-align:top;width: auto;}"
},
"core/post-navigation-link": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)",
Expand Down Expand Up @@ -794,7 +791,8 @@
"fontFamily": "var(--wp--preset--font-family--instrument-sans)",
"fontSize": "var(--wp--preset--font-size--medium)",
"lineHeight": "1.388888889"
}
},
"css": ".wp-block-post-featured-image img{vertical-align:top;width: auto;}"
},
"templateParts": [
{
Expand Down

0 comments on commit d3fd305

Please sign in to comment.