Brian Gardner

Lastly, and likely the most significant change, I have redefined the spacingSizes in theme.json to align with WordPress core. Themes such as TT4 use sizes 20-80 (slugs) in lieu of t-shirt or opinionated choices. Here’s the new code:

{
	"settings": {
		"spacing": {
			"defaultSpacingSizes": false,
			"spacingSizes": [
				{
					"name": "20",
					"size": "clamp(15px, 2vw, 20px)",
					"slug": "20"
				},
				{
					"name": "30",
					"size": "clamp(25px, 3vw, 30px)",
					"slug": "30"
				},
				{
					"name": "40",
					"size": "clamp(30px, 4vw, 40px)",
					"slug": "40"
				},
				{
					"name": "50",
					"size": "clamp(35px, 5vw, 50px)",
					"slug": "50"
				},
				{
					"name": "60",
					"size": "clamp(40px, 6vw, 60px)",
					"slug": "60"
				},
				{
					"name": "70",
					"size": "clamp(50px, 7vw, 70px)",
					"slug": "70"
				},
				{
					"name": "80",
					"size": "clamp(60px, 8vw, 80px)",
					"slug": "80"
				}
			]
		}
	}
}

Powder’s template and pattern markup has been updated to reflect these new sizes. To ensure existing sites remain unaffected by this change, the following code was added to the top of the style.css file:

/* Legacy Styles (Do not remove)
---------------------------------------- */

/* -- Spacing -- */

:root {
	--wp--preset--spacing--x-small: clamp(10px, 2vw, 20px);
	--wp--preset--spacing--small: clamp(30px, 4vw, 40px);
	--wp--preset--spacing--medium: clamp(40px, 6vw, 60px);
	--wp--preset--spacing--large: clamp(50px, 8vw, 80px);
	--wp--preset--spacing--x-large: clamp(60px, 10vw, 100px);
}

In the spirit of bringing color and more vibrant energy to Powder (out-of-the-box), a few more noticeable changes have been implemented via theme.json:

• Link color has changed from contrast to primary.
• Button background color has changed from contrast to primary.

If you would like to revert these changes, visit the Site Editor > Global Styles > Colors and set them to your desired preference.

As of v1.1.9, all color palettes have shifted to darker shades, making the contrast ratios better for accessibility. Additionally, the Quaternary color in theme.json has been renamed to Neutral, resulting in 3 main colors (Primary, Secondary, Tertiary) and then providing a grey to compliment those.

If you were using the Quaternary color on your site, you could redefine it in Global Styles and reapply it to any elements where it was being used.

While not idea, have you tried adding !important to that margin-top in the additional CSS?

It looks like you need to apply margin-top: 0 to your outer Kadence group block.

@snoop23 Out of curiosity, is there a particular reason you don’t like/want it? Just trying to get some user feedback so I can understand better. Thanks!

@snoop23 Any chance you can mark this issue as resolved?

Perhaps just a weird gremlin, isolated to that one install?

That is a decent list of plugins. Perhaps there’s an issue with one of them? Only asking because I am running Powder and RC2 locally with debug on and do not see the error. Any chance you can either disable plugins or test in a simpler environment to see if the issue still exists?

Is that with debug mode on?

Hi @phoenix13, thanks for the 5-star review and kind words. Yes, you are correct: Powder Studio has taken over the heavy lifting (patterns, templates, variations, etc) from the original Powder theme. The latter will remain a simple, lightweight theme that can be used for personal projects, extended by child themes, or utilized as the foundation for clients.

The 0.9.9 update is a big one, as it removed a lot: patterns, templates, parts, variations.

It brought the theme back to a base theme, and paved the way for Powder Studio:?https://www.ads-software.com/themes/powder-studio/

For those with All-Access, members will have access to Powder Patterns, which is a plugin that can be paired with this new version of Powder to provide the same patterns that were previously available in the theme, and what is now packaged with Powder Studio.

@snoop23 – Looks like WordPress 6.4 added some CSS for that which is causing the issue. Try adding this into Additional CSS to see if it works. If so. I’ll happy add it into the theme when I push out the next update.

.wp-block-search.wp-block-search__button-only .wp-block-search__button {
	max-width: inherit;
}

Awesome, glad you like it @snoop23!

Re: layout, I have a few ideas coming…

Hi @snoop23, can you tell me the context in which you are referring? Is this in a navigation menu, page content?