Customize the Button Color in your Landing Pages

Swap the standard orange button for one that is more personalized to your brand.
(hover or tap on image)

Free Tool

BoldTrail Landing Page Button Customizer

Create a branded button for your BoldTrail landing pages with a little fancy CSS code. With the Button Customizer live preview feature, adjust colors, spacing, borders, hover states, and more.

Button Content

Button Text

Colors

Background

Text

Border

Typography

Font Size

16px

Font Weight

Letter Spacing

0px

Text Transform

Spacing & Shape

Padding Top/Bottom

14px

Padding Left/Right

24px

Border Width

0px

Border Radius

10px

Width

Hover State

Hover Background

Hover Text

Hover Border

Installation: Go to your BoldTrail Dashboard > Web & IDX > Website Settings. Paste the generated CSS code into the section labeled "Custom Header Code". Hit "Save" and you're finished. Open any existing Landing Page to view the results. Need help? Click here

Live Preview

See changes instantly before copying the code.

Button preview area

Schedule a Call

Generated CSS Code

Copy and paste this into BoldTrail Custom Header Code.

Code copied.

Did you find this tool helpful?

Help us build our ranking and leave us some love. 🩷