While displaying the button in edit mode, it looks as it should, but when I go to the page, it shifts as shown in the attached image. Can someone help?

  • Jasper replied to this.

  • Hey Flaum ,

    First of all, welcome to the Buttonizer Community 🚀

    I think the styling is slightly changed by your websites style, inside the editor we have clean CSS where that does not happen.

    But that's not a problem, what you can try is some custom CSS for your site, I've written example code below:

    .buttonizer-label {
  line-height: 15px !important;
  font-size: 15px !important;
}

    If you only want to change that specific button (and not all Buttonizer labels), you can try adding a ID attribute to your button via the Buttonizer editor (it's the last option in the Style tab) and make sure to add the custom ID to the CSS as well.

    You can learn more about the classnames we are using here: https://community.buttonizer.pro/knowledgebase/1563

    Let me know if this helps 🙂

      Hey Flaum ,

      First of all, welcome to the Buttonizer Community 🚀

      I think the styling is slightly changed by your websites style, inside the editor we have clean CSS where that does not happen.

      But that's not a problem, what you can try is some custom CSS for your site, I've written example code below:

      .buttonizer-label {
  line-height: 15px !important;
  font-size: 15px !important;
}

      If you only want to change that specific button (and not all Buttonizer labels), you can try adding a ID attribute to your button via the Buttonizer editor (it's the last option in the Style tab) and make sure to add the custom ID to the CSS as well.

      You can learn more about the classnames we are using here: https://community.buttonizer.pro/knowledgebase/1563

      Let me know if this helps 🙂

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