[2.0] Change Button Colors

[2.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 Background Color section, where the current button color and its RGB code are displayed.




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.






    • Related Articles

    • [2.0] Background Colors

      Containers, text boxes, and buttons within the editable pages in a funnel, such as the Pre-Quiz page, Thank You page, Lead Capture, etc., can receive a general background color regardless of the size of this element. Follow the steps below to add a ...
    • [2.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. Position your cursor over the page, ...
    • [2.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 ...
    • [2.0] Change Font Size

      Warning! When double-clicking any text, a font properties bar should appear - please refrain from using this bar to change the font size as it is not compatible with font sizes in bucket.io, using this bar would only create issues along the way. Like ...
    • [2.0] Change Font Type

      Warning! When double-clicking any text, a font properties bar should appear, please refrain from using this bar to change the font type as it is not compatible with font types in bucket.io, using this bar would only create issues along the way. Like ...