Fix Store subsite header font, nav casing, and Woo Hero column gap - #103
Merged
Conversation
Adds a store-variation.css stylesheet (enqueued only when the Store style variation is active) for the uppercase letter-spaced nav and larger letter-spaced logo with accent dot, matching the Elayne Store design, without touching the header-standard pattern shared by every vertical. Fixes the logo silently falling back to the body font: header-standard.php references a `primary` font-family slug that no vertical style variation defines, only the base theme.json does. Store now defines it explicitly. Also fixes a ~19px gap between the Woo Hero pattern's content panel and image caused by a missing blockGap override on the two-column layout. Bumps version to 4.8.1.
Adds the decorative line before "New Collection 2025", narrows the description paragraph to a 360px measure with the design's smaller, dimmer color and font size, and fixes the description and buttons row rendering centered instead of flush-left with the heading — both are non-aligned direct children of a constrained-layout group, which core force-centers via margin-left/right:auto !important whenever a child's own rendered width is narrower than the column.
2ec9a48 renamed the existing 4.8.0 heading to 4.8.1 and inserted new content above the old entries instead of adding a fresh heading, merging the two releases' notes under one version.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Fixes header typography, navigation label casing, layout spacing, and hero content styling on the WooCommerce Store subsite, addressing visual inconsistencies between the store front and the main Elayne theme. The changes introduce a new dedicated stylesheet for store-specific style overrides, adjust the Woo Hero pattern's column gap and content styling to match the design, and update the store style variation JSON to correct font assignments. Supporting changes to
functions.phpregister the new stylesheet, whilepackage.json,readme.txt, andCHANGELOG.mdare updated to document the fixes and reflect the current release state.Store Subsite Styling:
assets/styles/store-variation.cssto isolate Store subsite-specific CSS overrides from the theme's globalstyle.css, following the block-style-CSS convention of loading styles only where needed.styles/store.json, resolving a mismatch where the header was not rendering with the intended theme typography.Pattern Fixes:
patterns/woocommerce/woo-hero.phpto correct spacing inconsistencies in the hero section layout on WooCommerce pages.Woo Hero Eyebrow, Description & Buttons:
patterns/woocommerce/woo-hero.php.margin-left/right:auto !importantwhenever a child's own rendered width is narrower than the column. Pinned both back to flush-left inassets/styles/woocommerce.css.Theme Registration and Documentation:
functions.phpto enqueue/register the newstore-variation.cssstylesheet so the fixes are applied on the Store subsite.CHANGELOG.mdandreadme.txtwith new entries documenting the header, navigation, hero spacing, and hero content fixes, and bumpedpackage.jsonaccordingly.Files Changed:
CHANGELOG.md(Modified)functions.php(Modified)package.json(Modified)patterns/woocommerce/woo-hero.php(Modified)readme.txt(Modified)style.css(Modified)styles/store.json(Modified)assets/styles/store-variation.css(Added)assets/styles/woocommerce.css(Modified)