How to edit custom embed

Paul's Avatar

Paul

29 May, 2017 01:46 AM

Hi!
I'm trying to customize an email collection element. I really only need to change the font and the text color. I'd like to keep the green, but I need the black and grey text to be a lighter color. I just figured out you're supposed to click on where it says "edit custom embed", so I think I'm on the right track. But nothing I type actually has any effect on how the embed is displayed. What exactly should I type in there?
(I started another thread yesterday about not being able to uncheck the show agreement checkbox. I can't wrap my head around that one either.)
Thanks a lot!

  1. Support Staff 1 Posted by Tom Filepp on 15 Jun, 2017 05:37 PM

    Tom Filepp's Avatar

    Hey Paul, you should be able to override the CSS styles in the custom embed override. Here's a copy and paste from another thread on here:

    You'll likely have already selected either a dark theme or light theme. You'll know because you'll see one of these two tags:

    or

    I'm going to give you the CSS to override the dark theme, but if you used the light theme, just switch out the word dark for light.

    The CSS:

    <style type="text/css">
    body.dark input[type=submit], body .button {
       background: black ;
       color: white;
       font-family: "Courier New", Courier, monospace
    }


    body.dark input[type=submit]:hover, body .button:hover{ background: white; color: black; font-family: "Courier New", Courier, monospace } </style>
    Make sure you place this code right before the tag—beneath the linked stylesheets.

    You can swap out the colours using colour names or hex codes. For some examples, look here: http://www.w3schools.com/html/html_colornames.asp

    And you can switch out the font using either web safe fonts such as these: http://www.w3schools.com/cssref/css_websafe_fonts.asp

    Or google fonts: https://designshack.net/articles/css/a-beginners-guide-to-using-goo...

    Hopefully that helps!
    Tom

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? 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