 Written by: Jay Douglas
Last updated: 19 Nov., 2025
|
Buttons guide visitors toward key actions on your website, like booking, contacting you, or navigating to important pages. Updating their style helps your site look more consistent and easier to use.
With B12’s style settings, you can quickly adjust button shapes, colors, and interactions to fit your brand.
Updating button styles
1. In the left sidebar, go to 
Website
Style
2. Click Buttons.
3. Under Button style, you can change the button template (square, rounded edges, or round), border radius, border width, and font.
4. Click Apply changes to save.
5. Under Sections, customize button styling for your Light, Dark, and Accent sections.
You can adjust the appearance of the primary button, secondary button, navigation button, and form button.
6. Click More options to fine-tune color values for hover and focus states, including text color, background color, and border color. By default, these match your site’s background color.
7. Click Publish in the upper-right corner to update your live website.