NO BUG: Themes styles default padding option not working in Buttons

Bricks Version: 1.6.2

Hi!

I made my own Globan theme styles in Setting > Theme Styles > Button

I wanted to set my own padding values (default, small, medium, large, ect) but nothing happen.
I tried em, rem and pixel options too.

In buttons widget only set up the dropdown options, nothing custom overwritten setting.


Hi,
Thanks so much for your report!

Unfortunately, I cannot reproduce the issue. Have you assigned a condition to your theme styles? If not, they do not apply anywhere (except on the canvas while styling).

Best regards,
timmse

CleanShot 2023-02-07 at 11.34.11@2x

Yes, of course the themes styles condition is set correctly.

A look at the styles might be helpful. Can you provide me with a link?

Hi Timmse!

Now that you asked for a link and I wanted to create a buttons sample page for you, I became aware of something that needs to be clarified in my original post.

Here is a screenshot from theme styles - buttons. I used “em”, because used it default the theme and i tried everything (px, rem, % ect but nothing work.)

I noticed that the individual padding values (in theme styles) only work if (small, medium, large ect) the button has nothing set in the Style field.

I still consider this to be a malfunction, since we have 2 variables that should work together.

  1. button pre-defined styles (default, primary, secondary, light, dark)
  2. Button predefined padding sizes (default, small, medium, ect)

So you can’t set something like that, e.g. button style primary & button “size” Large.

The pre-defined button sizes only work if the button style is default.

If you still want account access to the site, please let me know and I will send you a private message



Ohh sorry. The button sizes not working even default or primary or any other.

Hey,
Of course, the theme styles are overwritten if you give each button individual styling (on the button itself in the style tab). Anything else would be inflexible to the max.

However, using your theme style settings works perfectly fine on my end:

Timmse. Unfortunately, you don’t understand my problem.

Buttons are formatted exclusively in Themes Styles. (Styles and Sizes)
The button widgets themselves do not contain any unique formatting! My problem is that the two variables set in themes styles (styles and sizes) do not work together!

Regardless, I can see that the button sizes section changes something, but the padding values, for example, are certainly not changed! It only changes the size of the letter (while I did not define it in the theme styles, only padding values!)

You can’t use together example Secondary style with Large size classes.

Right, I don’t understand your problem because it works fine for me, as you can see in my screenshots.

Of course, you can use the secondary style and large at the same time. The question is why I can and you can’t. As I said, login data would be really helpful, because we’re not getting anywhere here.

Builder:


Frontend:

I’m having same issue styling buttons in a “global” theme style. Anything I include in the button styles does not show/render in the CSS output. But here is the kicker → those styles show in bricks edit mode, but not on Frontend.

Hey Rob, can you provide me with a live link?

Hey Stefan, I think I’ve found the issue which you should be able to recreate. It boiled down to the button not being linked to anything. Styling showed up in Bricks edit but not on the front end.

Still works for me without any problems (with inline styles or external files). As I said, a link would be really helpful. I need to be able to see the problem and reproduce it - and I still can’t do either.

1 Like

Sorry, i’m sick. Please give me 5 minutes and send you an account with link in private message.

Thanks you support and work!

You added custom CSS to your footer template to override .bricks-button and also use !important, with which you carve the padding in stone… :woozy_face:

Do you wonder how I found out?

  1. I switched to external files
  2. then I examined the button in the frontent and found that the value is overwritten
  3. in the computed tab you can see where the overriding padding comes from (you can see the post ID in the URL).
  4. then you search for the template, page, post… with the corresponding ID

If I were you, I would also take care of the endless console errors caused by the plugin Barion Payment Gateway for WooCommerce.

CleanShot 2023-02-22 at 10.33.06

Best regards,
timmse

1 Like

Oh, my goodness! How did I become such a llama. :smiley: I’ve been looking for the error for weeks, but I could never find it. :smiley:

Thank you for your attention and work!

The barion plugin does not indicate such a console error for me. The problem is probably that it is only in the test phase (with test api) and not in its final location.