Change main button size

Eneia

Hi. How do I change the size of the main button?
Thanks so much!

James

You could change the main button's size with this custom CSS:

.buttonizer .buttonizer-head {
    width: 56px !important;
    height: 56px !important
}

Let me know if it worked for you!

Eneia

James
That was fine (and .... thanks for that !! 😃) until I needed to change the button size with a second button added to the screen 😅 😅 . Should I use the classes that are generated for each button?

ps: How do I generate a page blur when I activate a button? This is for better reading because the icons that come out blend in with the page content. It can also be a feature to integrate into Buttonizer options :-)) 😀

Eneia

It worked. thank you very much!

James

Eneia ,

Glad to hear that it worked! 😄

Here's a custom CSS that you can use to manage the position of the group:

.buttonizer {
    left: unset !important;
    right: 5% !important;
    bottom: 5% !important;
    top: unset !important;
}

Eneia

Another kind request: I would like to manage the position (fixed) of the main button (top, right, left..etc) through the personal code (css)
Use only class: .buttonizer?

Eneia

thanks!

James

Eneia ,

I wouldn't recommend using the generated classes for the button as this is randomly generated by a component we are using to add the styles of the button, JSS.

You are able to add a custom class by going to the group/button's advanced settings, under Custom ID & Custom Class.

Regarding the page blur, would you like the blur to happen after opening the group?
Because this might be possible with a custom script using our new API.

With our new API, you can run a custom script after a user has opened a group button. You can then make this script create a page blur. 🤔

Eneia

James
Ok for class. Thank you!
For the blur:
"Regarding the page blur, would you like the blur to happen after opening the group?" - yes