Buttons

Hi All

Is there a line of code that stops buttons from scaling below a minimum size, or indeed scaling over a maximum size?

Thanks

@Inkdave Hi! You can add this code in Custom CSS panel to set a minimum size for the buttons:

#siteWrapper.site-wrapper .sqs-block-button-element {
    min-width: 100px;
}

To set a maximum size:

#siteWrapper.site-wrapper .sqs-block-button-element {
    max-width: 200px;
}

Alternatively, you can set both the minimum and maximum limits using this code:

#siteWrapper.site-wrapper .sqs-block-button-element {
    min-width: 100px;
    max-width: 200px;
}

Hey @Lesum thanks that gives me some control for sure.

However can you just set it so they don't scale at all? Or define set size for desktop and mobile?

thanks

@Inkdave You can add this code to set a fixed size:

#siteWrapper.site-wrapper .sqs-block-button-element {
    width: 200px !important;
}