Fix the button in the pre-built modal Answered

Hey guys, can anyone tell me how i fix the button.

Comments

7 comments

  • Comment author
    Evgenii Tilipman

    Click on the button in the designer view
    Go to the style panel
    Five display flex property, then give space between, and center

    I would also look at google icon. If there are any margins / paddings on the left hand side, remove them.

    Also the left side padding might be too large on the button. Take a look at that and if that’s the case, reduce that padding

    0
  • Comment author
    Koushal Shekhawat

    it's pre built modal by Memberstack. The problem is that we cannot select the pre-built modal of memberstack in Webflow Designer.

    Here is the read only link
    https://preview.webflow.com/preview/flytbase-academy?utm_medium=preview_link&utm_sourc[…]y&preview=25dc01c5489e930ecc52805971ab1026&workflow=preview

    0
  • Comment author
    Evgenii Tilipman

    I see what you mean!

    Might not be the use case you are looking for, but why not develop a signup modal yourself? 🤔

    You can even copy one of the components from the Memberstack site.

    This way you would have more control over the front end of things

    0
  • Comment author
    Josh Lopez

    Hey Koushal Shekhawat, try adding this css to the page. I recommend adding it under the Memberstack script in your head tag. It should fix it for you. I will add the css to the main code as soon as I get back to work Monday. 🙂

    <style> .ms-modal__social-button img, .ms-modal__social-button svg { width: auto; } </style>
    0
  • Comment author
    Koushal Shekhawat

    Thanks Josh Lopez Now it's fix

    0
  • Comment author
    Paul Kolk

    hi, how can i change something on the prebuild modals?

    I cant even find the modal in webflow. The link which links to the model has # in its link settings.

    Where can i display it in webflow?

    0
  • Comment author
    A J

    Hey Paul Kolk, pre-built modals are a way to quickly get started with a functional setup.

    But in case you want to customize the content / design of the modal, I would recommend using the webflow components that Memberstack offers. You can find a component for pretty much everything to make the setup functional, and you would also likely find a component for the feature you are intending to use the modal for. You can just copy paste these components in your site and customize the design and content as per your requirement just like any other section in webflow.

    0

Please sign in to leave a comment.