Open app →

Changelog.
WPStylo Updates & Release Notes.

Follow the development of WPStylo. New features, bug fixes and improvements. All documented in the release changelog.

WPStylo App

App

v2.1.0

08/18/2026

New

  • Add your own text styles. The Typography panel now has an “Add Text Role” button, just like the one for colors. Need two different captions, a small lowercase one and a bigger all-caps one? Create them, name them, and style them exactly like the built-in styles.
  • Letter casing for your text styles. Every text style, headings, body, captions, navigation, and any style you’ve added, now has a Text transform setting: keep the text as written, or force it to UPPERCASE, lowercase, or Capitalized. Choose it in the Typography panel, see it instantly in the preview, and it travels with your CSS export and your config.
  • Letter casing for your buttons. Each button style can now have its own casing too: all-caps buttons are a couple of clicks away. The setting sits with the button’s other structure settings (shape, spacing, typography), and applies to the button in every state: the casing stays put when someone hovers, so the button never changes width mid-hover.
  • Rounded corners, one by one. Button corners can now be set individually instead of all at once: round the top-left and bottom-right only, flatten one side, or shape a tab-style button. Switch a button to “Per corner” in its Shape settings and four fields appear, laid out like the button’s actual corners. Switching over keeps the button looking exactly as it did, and going back to a single value restores the radius you had.

Improvements

  • Match your buttons to your Button text style in one click. You set up a Button text style in the Typography panel, now you can push it straight onto your buttons instead of retyping the same numbers. Use “Apply Button typography to all variants” at the bottom of the Buttons panel to do all five at once, or “Match Button role” inside a single button’s Typography settings to do just that one. It copies the weight, the casing and the desktop/mobile sizes. It’s a one-time copy, so each button stays yours to fine-tune afterwards, and changing the text style later won’t overwrite your tweaks.

Fixed

  • Your button settings no longer drift after a page reload. Some older saved designs could come back from a refresh missing a couple of button details (the underline setting, or a shadow’s opacity), which meant a reloaded design didn’t always export exactly like a freshly imported one. Reloading and importing now give you the same result every time.
  • Typing a hex code by hand now works properly. In the Colors panel and everywhere else you can type a color, including button and shadow colors, the field used to rewrite what you were typing after the third or fourth character: typing 6d4 suddenly became #66dd44 and the cursor jumped to the end, so you had to delete everything and paste instead. The field now leaves your typing alone and only applies the color when you’re done, press Enter or click away.
App

v2.0.0

07/13/2026

New

  • Scroll appearance effects. Choose a global on-scroll animation preset for your whole design system: Fade Up, Fade In, Slide Left, Slide Right, or Zoom In (or None to turn it off). See it play live in the preview as you scroll, with a Replay button to watch it again on demand. It’s applied on your live site by the companion plugin. The first section of each page (the hero) stays put so your page opens cleanly.
  • Global font selectors. New Headings and Text pickers at the top of the Typography panel let you set the font for a whole group in one click, every heading, or every body-text style, instead of role by role. A real time-saver when trying out font pairings. Your individual per-role tweaks are still available underneath.
  • A fresh new look. The whole interface got a redesign in the WPStylo colors: a cleaner, more modern dark theme with refined panels, buttons, sliders, and menus throughout.

Improvements

  • Clearer button editor. The button settings are now split into two easy-to-scan sections, one for the selected state (colors and shadow) and one for the button’s structure (shape, spacing, typography, border), so it’s quicker to find what you’re looking for.
  • Export made simpler. The Export window now highlights the recommended format (the WPStylo JSON config used by the plugin) up front, with the other formats kept close at hand.
  • Handy header shortcuts. Quick links to the website and the changelog are now built into the toolbar, and the current version is shown right in the header.
  • Best experience on desktop. On very narrow screens (under 1300px wide), WPStylo now shows a short message inviting you to switch to a larger screen, the configurator is designed to be used on desktop.
App

v1.10.0

07/08/2026

New

  • Drop shadows on your main buttons. Primary and Secondary buttons can now have a fully custom box shadow – set the horizontal and vertical offset, blur, spread, color, and opacity, separately for the normal and hover states. Great for the popular “hard shadow” look (an offset, solid, colored shadow) as well as softer, semi-transparent shadows. The shadow color can be linked to a color from your palette, so it updates automatically when you change that color, and the opacity slider lets you dial in exactly how strong it looks. Off by default; the preview reacts instantly and the shadow is included in your CSS export. The shadow also fades smoothly using your global transition timing.

WPStylo Companion Plugin

Plugin

v2.1.1

08/21/2026

A maintenance release, entirely about the scroll appearance effects. If you do not use
them, nothing changes for you.

Fixes

  • Very tall sections never appeared. If one of your sections was taller than
    roughly ten screens (typically a single container holding a whole page of content)
    the effect hid it and never brought it back, however far you scrolled. Nothing in the
    browser reported an error, which is why it could go unnoticed. Such sections now
    appear normally, whatever their height.
  • Sections just below the first screen no longer wait for your first scroll.
    They used to stay hidden until you moved the page, which left a large blank area under
    the first screen when the page loaded. They now appear straight away.
  • A section nested inside another one could stay invisible until the section
    around it had appeared, and if that outer one never appeared, neither did anything
    inside it. Each section now animates on its own account.

Improvements

  • On a section with many elements, the cascade no longer stretches out. With
    thirty elements the last one used to appear three and a half seconds after the first,
    and nearly six seconds with fifty — long after you had scrolled past. The delay now
    stops growing after one second, so the staircase effect stays visible on ordinary
    sections without dragging on the dense ones.
  • The effect is lighter on your visitors’ devices. The plugin no longer keeps
    every animated element permanently reserved in the graphics memory, which was costly
    on long pages carrying many animated sections. The animation itself is unchanged.

Unchanged

  • The effect still does nothing at all when a visitor has asked their system to reduce
    animations, and it still never hides anything when JavaScript does not run.
  • You can still switch the effect off from the Import & Apply tab without re-importing.
Plugin

v2.1.0

08/18/2026

What’s new

  • A safer way to apply your design system on block themes – “Apply (no theme file changes)”.
    Your colors, fonts and button styles are applied without ever modifying your theme’s
    theme.json file, so a theme update can no longer wipe your configuration. Choose whether to
    keep your theme’s own palette and fonts alongside yours, or to show only yours.
  • WPStylo now tells you when a theme update has wiped the settings it had written
    into your theme, instead of letting them disappear unnoticed. The message offers to
    apply them again, or to switch to the safer option that theme updates cannot affect.
    You can dismiss it; it comes back only if the situation changes.
  • Text case is now part of what gets applied. If your design system sets a role or a
    button to UPPERCASE, lowercase or Capitalized, WordPress now follows it; on Elementor,
    on block themes and in the CSS classes alike, instead of only in the app preview.
  • Buttons can now have a different radius on each corner (rounded on top, square at
    the bottom, and so on). Buttons using a single radius are unaffected, and a design system
    exported before this version keeps working exactly as before.
  • Your own typography roles. If your design system defines roles beyond the eleven
    standard ones (a second caption style, a louder variant) they now reach Elementor too:
    they appear in Site Settings global fonts, get their own ready-to-use CSS class, and are
    listed in the Reference tab. They already worked on block themes and CSS variables.

Improvements

  • The Full Site Editing card now leads with this safer option; the previous
    “Write to theme.json” and “Overwrite” actions are still there, grouped as advanced.
    The Guide explains when to use each, and the Summary shows which one is active.
  • “Inject Variables & CSS Classes” no longer reports a plain success when
    Elementor will not actually display what it wrote. Elementor only renders global
    variables when its “Atomic Widgets” feature is switched on, and it renders font size
    variables only with Elementor Pro. Both are Elementor requirements, not something
    WPStylo can change. The Elementor card, the result message and the Summary now say
    which of the two applies to your site, and the Guide explains how to lift them. The
    button still works either way: your variables are written and start being used as
    soon as the requirement is met. The utility CSS classes never depended on any of this.

Fixes

  • The theme.json backup is now described honestly. It is the state of the file
    just before your last apply — not your theme’s original file — and the Tools tab now
    shows its date, the theme version it came from, and whether it already contained your
    configuration, so you know what you are restoring before you click.
  • Restoring that backup can now be undone: the file it replaces is saved first.
    A damaged backup is refused instead of being restored over a working file.
  • Deleting your configuration no longer leaves stale “Last applied” dates behind.
  • Uninstalling now cleans up the backup files WPStylo created next to your
    theme.json. A theme.json you wrote is your theme’s file and is left untouched.
  • Typography roles whose name contains several words now produce a clean, valid
    name everywhere. The eleven standard roles (H1 to H6, Body, Small, Caption, Button,
    Navigation) are untouched, so nothing changes on an existing site.
  • A color WPStylo cannot read is now left out of theme.json instead of being written
    as a blank value, and the Text and Background mapping no longer points at a color that
    was not written.
  • A malformed value inside an imported JSON file no longer produces PHP warnings on
    every page load.
  • Compatibility: tested and confirmed working with WordPress 7.1.
Plugin

v2.0.0

07/13/2026

New

  • Scroll appearance effects (Fade Up, Fade In, Slide Left, Slide Right, Zoom In) that
    reveal sections as visitors scroll, on the Elementor and Full Site Editing targets. Turn
    them on or off any time, no re-import needed. They respect the “reduced motion” preference
    and never hide your content when scripting is unavailable.
  • A “Overwrite theme.json” mode for block themes, for a clean slate that replaces the
    palette, fonts and font sizes with yours only, alongside the existing non-destructive
    “Write” mode. A backup is always created first and can be restored in one click.

Improved

  • Text and Background colors are now mapped to your design system automatically in
    the block editor’s global styles.
  • A refreshed, cleaner admin interface (new header, clearer target cards with
    guidance, reorganized Tools tab, and an updated Guide).
  • The Summary now shows your transitions and scroll effect, with an accurate count
    of the element tokens in your configuration.
  • Clearer wording and safer admin notices throughout.

100% Free

Ready to try it ?

WPStylo is free: no account, no setup, no trial period.

Open WPStylo →

Or read the tutorials →