Incorrect styling with theme for buttons

Bugs
1

Bricks Version: 1.4RC2

I have set up my theme style to apply to all pages. It includes styling of the Primary style of buttons (background colour). I have set the Primary button style colour to yellow.

Screen Shot 2022-05-19 at 8.55.54 PM
Screen Shot 2022-05-19 at 8.55.54 PM828×1134 47.6 KB

In the builder, the button colour shows as it should:

Screen Shot 2022-05-19 at 8.59.15 PM
Screen Shot 2022-05-19 at 8.59.15 PM1592×1414 161 KB

In my colour pallette, I also have a primary and secondary colour set. The primary colour is set to blue:

Screen Shot 2022-05-20 at 11.20.31 AM
Screen Shot 2022-05-20 at 11.20.31 AM816×598 28.4 KB

On the front end, all buttons set as Primary are not yellow, but blue:

Screen Shot 2022-05-19 at 8.59.25 PM
Screen Shot 2022-05-19 at 8.59.25 PM1524×1330 156 KB

The reason is that the primary style is being overruled by another rule:

Screen Shot 2022-05-19 at 8.56.12 PM
Screen Shot 2022-05-19 at 8.56.12 PM1148×242 35.3 KB

Site is https://vanislenotary.infinitemonkeys.ca

1 Like
2

I had something similar and it was due to t the colours section ‘soon to be deprecated’. Try removing the saved primary and secondary colours in the colours section and it should work, at least it did for me.

2 Likes
3

Thanks, you’re right that’s a good workaround for now.

4

Actually, it’s not a great workaround. It knocked out all my headings using Primary and Secondary styles.

5

Just re-add the primary colour to the typography>headings>all headings to regain all your primary heading colour styls back.

However not sure how to add the secondary styles (it may actually work keeping secondary in place but just removing primary from the colours section as this is the main culprit I think).

You could also use one of the Lead / Hero presets if not used as your secondary styling for headings…not semantically correct but an option, that’s of course if you didn’t want to use a custom class or manually input the colour via the colour palette on your secondary styled headings.

1 Like
6

Thanks, a decent workaround…I’ve already employed my own workaround by redeclaring the overruled style with my own custom CSS. Now I’m just looking for the bug to be fixed.

2 Likes
7

Hi Eric,
Michael is right, the Color Settings are a relic from the early days of Bricks (when there were no Color Palettes) and will soon be a thing of the past (removed). Since this will probably already be the case in Bricks 1.4.1, there is no bug anymore that needs to be fixed :wink:

Best regards,
timmse