Has anyone customized the default settings? I want to change the shape and font on my labels. Also, is there a way to combine the button and label as one graphic. I'm not a programmer, so I hope someone has an easy way to describe all that's involved. Thanks!!

    Hi JohnnyV_01 ! Welcome to the Buttonizer community forums! I'll try to guide you through 🙂

    Almost everything should be customizable via the Buttonizer dashboard 😃

    How does styling work?
    Buttonizer allows you to style just a button or a whole button group. If you need to give the labels a specific color, you can manage to do this in the group settings and style them from there.

    When you have just one button that needs to have a different color, you'll need to select that one and find the label settings, there you can change the label colors, font size and border radius for just that button.

    Menu style:
    We have some group menu styles you can use. You should check the group settings, and then 'menu style'. There you'll find the following options:

    • Default
    • Faded (different default opening animation)
    • Build up (different default opening animation)
    • Pop (different default opening animation)
    • Corner circle
    • Square (I think this is more what you want)
    • Rectangle

    Styling the label
    The label styles can be changed by group, or individual buttons by using the 'border-radius' and the 'font-size' on the group options. Also you can manage the colors of the label for each button and group.

    Label font
    Changing the label font via the panel is not possible yet (we're working on that). But it should automatically use the websites font.

    If you need a specific font for the the labels, you can use the following code. Make sure to change --enter font family here-- to the font you need. Otherwise it will not work.

    .buttonizer-button .buttonizer-label {
    font-family: --enter font family here--;
}

    Combining buttons & labels
    You may use the square menu style option for the button group, then you can change the label color per button to the button colors.

    Let me know if this helps! 😃

      Hi Jasper,

      Thanks for your feedback. I’m a real novice with WP and Elementor, so I really appreciate and value your feedback. Unfortunately, I’m still having trouble.

      (1) I want to create a sticky button that is simple and self-contained (like the "REPLY" button on this forum. Is this possible with Buttonizer." I read your comment about using a square button, but I'm not following you.

      (2) My font problem on the "Label" includes the style, size and weight. Is there code for all of this? I don't know why Butttonizer is not picking up the master font.

      (3) The dimension of the label is not ideal. Is there a code to specify the label size?

      (4) I'd like to remove the drop shadow from the button. Is there a code for this?

      (5) Where exactly do I enter the code(s)?

      Thanks for your advice,
      Johnny

      PS. I emailed you my reply with screen grabs for reference. I hope you can help. Thanks again!

        5 days later

        JohnnyV_01 No problem!

        JohnnyV_01 (1) I want to create a sticky button that is simple and self-contained (like the "REPLY" button on this forum. Is this possible with Buttonizer." I read your comment about using a square button, but I'm not following you.

        Do you mean something like like this? This is the menu style I meant with 'square' 😃 You are able to always show the label without hovering the button, that's a setting in Buttonizer.

        JohnnyV_01 (2) My font problem on the "Label" includes the style, size and weight. Is there code for all of this? I don't know why Butttonizer is not picking up the master font.

        I've seen your screenshot in your email, it seems like Buttonizer does use the font on your website, but you'll need to style it bold by yourself at the moment. Right now that is not possible yet inside the Buttonizer dashboard.

        ℹ️ Update 2022: We now have integrated support for Markdown!

        You can use the following code to the 'custom CSS' in 'Customize':

        .buttonizer-button .buttonizer-label {
        font-weight: bold;
        }

        @JohnnyV_01 (3) The dimension of the label is not ideal. Is there a code to specify the label size?

        Do you mean the width and height of the label? You are able to style them when yousing CSS (like the code provided above). How you style it it's up to you, you may like check W3Schools, they provide very good examples how you can use CSS and style HTML elements: https://www.w3schools.com or https://www.w3schools.com/cssref/

        JohnnyV_01 (4) I'd like to remove the drop shadow from the button. Is there a code for this?

        That's possible, you can add the following CSS to custom CSS:

        .buttonizer-button {
    box-shadow: none !important;
}

        JohnnyV_01 (5) Where exactly do I enter the code(s)?

        You can use the 'Customize' function of WordPress. You can find it in the admin bar, or when going to: 'Themes » Customize' 🙂

        And the two questions from your email, you're at the right place, that is the panel where you can customize Buttonizer.

        It's not possible to make the buttons look exactly like the screenshot in the email, but you can get close to that with Buttonizer, only it will take some effort.

        Officially we do not support that style yet, but it seems to be a nice style that we can add in the future 🙂

                  a year later
                  Buttonizer Home Pricing Features Knowledgebase GDPR Compliance Get Buttonized