Look into the Outline button style defined in code by Neve FSE

[mghenciu]

Description

As reported here >> https://wordpress.org/support/topic/cant-modify-css-for-outlined-button/
The current approach is based on this issue: WordPress/gutenberg#34853

but thins changed in the meantime.

Step-by-step reproduction instructions

1. Create a button element and set its style to be “Outline”
2. Define specific values for this button’s CSS properties “padding” and “border” (this can be done in several ways, but the bellow efect will always be the same

What should happen

The outlined button CSS should accept and apply the user’s values
What happens instead

The outlined button CSS properties “padding” and “border” can’t be changed from some default values.

Screenshots, screen recording, code snippet or Help Scout ticket

Environment info

No response

Is the issue you are reporting a regression

No

[HardeepAsrani]

@JohnPixle I had discussed this with Mihai few days back and it works properly in the new version. Even when I had tried adding custom CSS, it was working nicely. Could've been an issue with a previous version of WP.

[JohnPixle]

@HardeepAsrani Thanks! In this case feel free to close this issue, I don't have any other input.
Good to clear things up! 👍🏻

[HardeepAsrani]

Just looping in @mghenciu to confirm it's the same issue, and not a separate one.

[mghenciu]

Just looping in @mghenciu to confirm it's the same issue, and not a separate one.

Yeas, it's about the issue we talked about.
I still didn't managed to change the Style for the Outlined button - using Custom CSS.

---

But the question still remains: right now we use the Outline Style override, because before it wasn't possible to do it from the theme.json
Now this changed, and it's possible to configure the Outline style in the theme.json.

Up to you if it's worth updating it, if not - we can close this issue.

[JohnPixle]

Thanks Mihai, makes sense. I'd say it would be good to address this if possible.

Let us know Hardeep!

[JohnPixle]

For the record, I have tried this in Raft and it seems to work 🚀 . You can properly define styles for block variations
via theme.json

Codeinwp/raft#88

[matlembo]

Without specifying styles for the block variation I would expect the outlined button to inherit the spacing defined in styles->elements->buttons->spacing.