Change submit button color

Ulysse Ruel's Avatar

Ulysse Ruel

18 Sep, 2014 01:39 PM


I'm sure that it's quite simple, but I cannot find how to change, from the admin page, the color of the submit button of the email collection embed.

Please help ;)

  1. Support Staff 1 Posted by Tracy on 18 Sep, 2014 03:01 PM

    Tracy's Avatar

    Hello Ulysses!

    Are you in Simple Mode or in Advanced Mode? If you're in Simple Mode, you'll have to go ahead and switch to Advanced Mode.

    From there, from your main admin page, you'll want to scroll down until you see a link called Edit the current page—click it.

    You'll see a block of CSS, and what you're looking for in particular are these lines, under /*FORMS*/

    input[type="submit"] {background-color:#231F20;padding:8px 18px 8px 18px !important;font:bold 14px/1.25em helvetica,"segoe ui","segoe wp",arial,sans-serif !important;cursor:pointer;width:auto !important;border:1px solid #231F20;color:#fff;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;} input[type="submit"]:hover {background-color:#ff0;border-color:#ff0;color:#111;}

    This is where you can edit colours and customise your button!

    Hope this helps.


  2. Tracy closed this discussion on 17 Mar, 2015 04:51 PM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts


? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac