Flowbox

If the standard styling settings are not enough, you can apply custom CSS code to ensure that the Flow matches your website and branding. 

Select 'CSS' from the menu on the left-hand side.

Write your CSS code in the text box. Your updates will be applied automatically and immediately. 

1. Select the Flow that you want to edit.
2. Click on the cogwheel 'Settings' button.
3. Select 'CSS' from the menu on the left-hand side.
4. Write your CSS code in the text box. Your updates will be applied automatically and immediately. 

We've compiled a set of articles with popular custom CSS examples and tips.

<a href="http://help.getflowbox.com/en/articles/2710406-edit-the-sale-badge-price">Edit the sale badge &amp; price</a>

<a href="http://help.getflowbox.com/en/articles/2672240-edit-the-arrows-in-your-flow">Edit the arrows in your Flow</a>

<a href="http://help.getflowbox.com/en/articles/2703781-edit-the-show-more-button">Edit the 'Show more' button</a>

<a href="http://help.getflowbox.com/en/articles/2703190-edit-the-hover-text">Edit the hover text</a><br><br>

1. <a href="http://help.getflowbox.com/en/articles/2710406-edit-the-sale-badge-price">Edit the sale badge &amp; price</a>
2. <a href="http://help.getflowbox.com/en/articles/2672240-edit-the-arrows-in-your-flow">Edit the arrows in your Flow</a>
3. <a href="http://help.getflowbox.com/en/articles/2703781-edit-the-show-more-button">Edit the 'Show more' button</a>
4. <a href="http://help.getflowbox.com/en/articles/2703190-edit-the-hover-text">Edit the hover text</a><br><br>

Learn how to customize the look of your Flows

How to add custom CSS to your Flow

Find answers and get help from Intercom Support and Community Experts

This site employs cookies and other technologies that we and our third party vendors use to monitor and record personal information about you and your interactions with the site (including content viewed, cursor movements, screen recordings, and chat contents) for the purposes described in our Cookie Policy. By continuing to visit our site, you agree to our {websiteTermsLink}, {privacyPolicyLink} and {cookiePolicyLink}.

This site uses cookies and similar technologies ("cookies") as strictly necessary for site operation. We and our partners also would like to set additional cookies to enable site performance analytics, functionality, advertising and social media features. See our {cookiePolicyLink} for details. You can change your cookie preferences in our Cookie Settings.

We use cookies to make our site work and also for analytics and advertising purposes. You can enable or disable optional cookies as desired. See our {cookiePolicyLink} for more details.

You have the right to opt out of the sale of your personal information. See our {cookiePolicyLink} for more details about how we use your data.

Your Privacy Choices

We use cookies to enhance your experience. You can customize your cookie preferences below. See our {cookiePolicyLink} for more details.

Cookie Settings

Link, Press control-option-right-arrow to exit

Empty Help Center

Uh oh. That page doesn’t exist.

Disappointed

Neutral

Smiley

Thinking...

Searching through sources...

Analyzing...

Tickets submitted through the messenger or by a support agent in your conversation will appear here.

How to add custom CSS to your Flow

Update the CSS code

Additional resources