OpenMyLink Custom CSS: how to resize bio pages buttons

You can easily resize bio pages buttons by inserting some CSS code into your bio page setting tab, inside your Custom CSS box.

The default button size

You can easily resize bio pages buttons by inserting some CSS code into your bio page setting tab, inside your Custom CSS box. The buttons created by our platform are sized to 100% of the page width by default — they stretch to fill whatever container they're in. That's good for accessibility on phones but can look heavy on wider layouts.

The CSS

In this sample code you can change the size by decreasing the buttons to 65% of their normal size:

.btn-custom {
  width: 65% !important;
  margin: 0 auto;
}

Adjust 65% to whatever fraction of the page width you want. 50% for half-width, 40% for narrower, etc. Anything below ~30% starts to look cramped on mobile.

Why the margin keeps buttons centered

The margin: 0 auto command is there to keep the buttons centered and not left-aligned. Without it, the button shrinks but stays anchored to the left edge of its container. auto on left and right tells the browser to split the leftover space evenly, which centers the button horizontally.

Where to paste it

Open your bio page in the editor, go to the Settings tab, scroll down to the Custom CSS box and paste the snippet. Save and update. The buttons across the entire bio page will resize together — there's no need to set the width on each button individually.