SOLVED: Theme styles not being recognised

Bugs
1

Bricks Version: 1.5

I’ve set up a global theme style to use across the whole site, but when editing a page in bricks which is not a template, the page creates it’s own version of the theme styles and a new css file. I’ve just worked out you have to edit theme styles in a template and not in a page built with bricks!

I added the bricks form to a page and now when I try to overwrite/reset the css for the labels, it’s not working. The page has created it’s own css for the label (and other things) when I add the form to this page.

Screenshot 2022-09-23 at 08.48.28
Screenshot 2022-09-23 at 08.48.28728×838 160 KB

The only way I can get it to work is setting the css on the form through it’s id itself!

Screenshot 2022-09-23 at 10.33.49
Screenshot 2022-09-23 at 10.33.49454×571 58.8 KB

How can I remove/reset the css for the file post-12.min.css? Maybe we have to set up the form as a template itself to then add to the page to get around this?

2

Also, how can I remove this one file from loading on the site. I looked in the template and could not see this css set anywhere to remove it!
https://sleeppromise.co.uk/wp-content/uploads/bricks/css/post-1120.min.css?ver=1663686847

3

Hi Richard,
Thanks so much for your report! I’m honestly not sure I understand the problem correctly… :thinking:

It doesn’t matter where you edit your theme style (whether in the template, a page, or anywhere else), because it’s global. If the theme style condition is set to “Entire Site”, the styles will be displayed everywhere. Unless you override them individually on an element.

The individual styles for the page with the ID 12 are stored in post-12.min… . The theme styles in theme-styles.min…css.

Your screenshot shows that you changed the styles for the labels of the form directly on the form element on your page. If you remove them, the theme styles will be used again.

Best regards,
timmse

Bildschirmfoto 2022-09-26 um 12.39.49
Bildschirmfoto 2022-09-26 um 12.39.49588×1286 38.4 KB

4

Thanks, but that’s the problem. All I did was add the form to a page, and it set the styles by default. I can’t remove them as there’s nothing to remove.

5

@timmse Richard is actually right. at least i could reproduce the issue:

when one uses inline styles it seems to accept the theme styles for the form element , as soon i switch to external files the theme style gets overwritten by default post styles when the element has not been styled on the page /template.

1 Like
6

Thanks for the hint @Markus , now I understood the problem and added it to the bug tracker.

Best regards,
timmse

1 Like
7

Hi guys,
We’ve fixed this bug in Bricks 1.5.7, now available as a one-click update within your WordPress Dashboard.

Please let us know if you are still experiencing issues.

Best regards,
timmse

8

Hi! I’m still having this issue. Theme styles working fine in backend, but don’t work in frontend.

1 Like
9

Hi @LeoG Just as an ‘incase’ have you set the conditions of the themestyles to show on the entire site?

Screenshot_2
Screenshot_2486×940 42 KB

P.s. Welcome to the forum :slight_smile:

2 Likes
10

I just have set it now! No bug over here… My bad.

Thank you Michael.

LG

1 Like
11

But I still have the same problem. Although, I have set the condition to entire site

12

Hi Fatima,
Welcome to the forum!

Can you please be a bit more specific? Can you provide a live link to the site?

Best regards,
timmse

13

Hi Timmse
Thank you very much for welcoing me and your answer. The site link is as follow:
https://staging22.mfsengineering.com.au/
when I uncheck the body font style in inspect tools, then the theme style is rendered correctly

14

Hey Fatima,
A few parameters come together on the website (Elementor alongside Bricks (:(), Minifying, HTML minifying, …) so it’s hard to see anything, but the basic problem is that the theme styles are getting overridden by https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/scss/_reboot.scss

15

Thx a lot timmse
It is working

1 Like