Buttons even breed maken in Squarespace
Heb je in Squarespace je een eigen ‘link in bio’ pagina gemaakt om te gebruiken voor Instagram? Slim! Want zo komen mensen direct op jouw site terecht, kan je je eigen branding gebruiken en heb je geen externe tool als Linktree nodig.
Maar…
Als je meerdere buttons onder elkaar plaatst, ziet het er vaak rommelig uit. De ene button is kort, de andere lang. Kortom de breedtes verschillen. Dat is visueel niet mooi. Zeker niet op mobiel.
De oplossing: een stukje code
Deze plaats je in de Header Injection van je ‘link in bio’ pagina.
Ga naar je ‘link in bio’ pagina > Instellingen (tandwiel-icoon) > Tabblad “Advanced” > Header Injection.
Kijk welke button jij gebruikt (Primary, Secondary of Tertiary) en copy-paste daar één van deze codes:
Voor Primary buttons:
<style>
.sqs-block-button-element--medium {width: 280px !important;}
</style>
Voor Secondary buttons:
<style>
.sqs-block-button-element--large {width: 280px !important;}
</style>
Voor Tertiary buttons:
<style>
.sqs-block-button-element--small {width: 280px !important;}
</style>
De breedte van de buttons kan je aanpassen door het getal in de code te wijzigen.
Voor het mooiste effect kies je op de Design Tab van je Button Block voor Fit in plaats van Fill.
