WAIT: Button theme/ global settings

Bricks Version: 1.1.3
Browser: Chrome 90
OS: macOS / Windows / Linux / etc.
URL: (a link to a page that illustrates the issue would be really helpful)

We have created a theme and tried to style the button using the theme so that they are exactly the same and edited in one place. The font size and colour is editable but the other options such as background colour do not apply to the website.

Unknowingly, I also thought it was a mistake. It is necessary to create a Conditions. Theme Styles – Bricks Academy


We have created a theme and edited as instructed via the video. However, no setting apply such as font size and colour.

This is definitely a bug. Adding a CSS class and hard coding works fine but surely the theme should handle this.

I found a mistake. I think this is misleading:(
Delete style.
2023-02-16_11-09-03

Hi Josh,
Thanks so much for your report, and welcome to the forum!

Which version are you currently using? I guess it’s not 1.1.3, as stated in your report.
A link to the website where you can see the buttons would also be very helpful.

Best regards,
timmse

Hello Timmse,

The website was using bricks 1.62.

We currently have had to proceed with the build. However, I can create a staging environment if that helps?

Kind regards,

Josh

Yes, that would be very helpful.

Hello Timmse,

I’ll get this set up. Is there a better way to send you login details and url etc?

Kind regards,

Josh

As a private message should work :+1:

I just looked at your page and theme styles and I still don’t understand the problem.
What exactly are you expecting?

Look at the home page, I added a few buttons with different theme styles and as far as I understand it, that’s all right.

Are you adding buttons to the page and then styling them? We wanted to edit the button in the theme so that it styles newly added buttons straight away.

I think the problem is just understanding how the interface works.

You define the button values in Theme styles.
e.g under default.

If you then add a button element to a page it only shows some of the settings.
This is because the button element selects “Primary” as initial setting.
You need to go in and delete “Primary” ( little x next to it ) so that the button element then uses the Default values as set in theme styles. Or style the Primary entry in Theme styles.

Basically you need to match the Button Element style to the same Button Theme style you set.
If Default Theme style then set the Element to none. If Primary then Primary etc

So it all works provided you know, but isn’t very intuitive.
I’d suggest that perhaps the Button Element defaults to Default instead of Primary and/or then Default should appear in the drop down list. It doesn’t currently which adds to the confusion.

Hope that helps
Alan