Changelog.
WPStylo Updates & Release Notes.

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.

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.

New

• Underline control for buttons. Each button variant can now have its text underlined – separately for its normal and hover states. Links come underlined by default; all other buttons stay clean. Set it from the button editor, and it shows up everywhere your buttons appear, including the CSS export.
• Custom transition speed. A new Transitions setting in the Elements tab lets you choose how fast button colors fade on hover – pick a duration in milliseconds and an easing curve. The preview reacts instantly, and the timing is included in your CSS export.

Improvements

• The Style guide and the Landing preview now show the Link button exactly the same way – the small hover difference that used to appear is gone (Thanks Klément).