[3.0] Change Button Colors

[3.0] Change Button Colors


You can change colors of buttons in your Pre-Quiz, Post-Quiz, and Webinar pages. The procedure for changing button colors is the same for all of these various page types.


Step # 1


Click the component where the button you want to edit is located, then open it for editing by clicking either the Edit button that appears on the bottom of the component or the Builder tab on the top left.




Step # 2


When the Builder opens, look for the button on the page, then select it.


Step # 3


Click the Properties tab of the Builder, then scroll down to the Image and Background section, then click on the Select color option.




Step # 4


To change the background color, either enter the new background color’s RGB or Hex code on the box, or click the button where the current background color is displayed, then select the new color from the palette.





Still have questions? Feel free to reach out via support@bucket.io

Mon thru Fri, from 8:00 to 17:00


    • Related Articles

    • [3.0] Change Footer Links

      This procedure is handy if you want to update existing footer links in the templates you’re using for your funnels. Step # 1 Go to the Pre-Quiz and Post-pages with existing footer links that need to be edited. On the Canvas hover your cursor over the ...
    • [3.0] Change URL to Buttons and Links

      Using the Link or URL on CTA buttons Click to select the desired button Access the Properties page identified with the tools icon and click Change URL A pop-up should appear with the redirect options, click Web Address to add a URL of the page where ...
    • [3.0] Change Font Color

      Questions and Choices From the Canvas, click to select the question you wish to edit and then click Builder, or simply click the pen icon located at the bottom-right corner of every question box Highlight the desired text and click the Font Color ...
    • [3.0] Change Funnel To Draft Mode

      IMPORTANT: You will not be able to make major changes if the funnel has collected “views”. For further info about this restriction check our article “[3.0] Edit Active Funnels” Assuming you’re located on the “Funnels” page, please follow the steps ...
    • [3.0] Change Pre-Quiz Page Background

      STEP # 1 From the Canvas, click the Pre-Quiz Page to edit it. Make sure you click the one on the Canvas page and not the one under the Components menu. Click Builder - this action will automatically open the Builder menu with three sections: STEP # 2 ...