How to edit CSS/colors on email element?

thisisbrianfisher's Avatar

thisisbrianfisher

31 May, 2018 03:27 PM

I've seen this question asked numerous times, but still don't see a complete explanation or working solution. I am attempting to embed the "email list" element onto my site, but the green button color clashes with the rest of the site.

Thank you in advance.

  1. 1 Posted by waynedpj on 01 Jun, 2018 12:21 AM

    waynedpj's Avatar

    i am also having the same issue. an explanation of this very important topic would be great, though we know time is on short supply. platform updates are cool, much appreciated.

    peace, w

  2. 2 Posted by Kontact on 25 Jun, 2018 05:48 PM

    Kontact's Avatar

    Yes, we definitely could use the css code to add to wordpress that allows us to change the color of the buttons color, border and background. Or some type of option to edit the colors in the admin of cashmusic. The default green is not going to compliment websites with different color schemes.

  3. 3 Posted by thisisbrianfish... on 26 Jun, 2018 12:19 AM

    thisisbrianfisher's Avatar

    Attempting to post a reply with a solution but it doesn't appear to be saving when I include the code...

    If it posts this time, this was the solution that worked for me, adding the following code to the custom CSS section here on Cash Music:

    <style>
    
    /* Buttons */
    #cash_emailcollection_form_13951 > input.button {
        border: solid 2px #cc5500;
        color: #cc5500;
        display: block;
        font-size: 14px;
        font-weight: 700;
        font-family: 'PT Sans', sans-serif;
    }
    
    #cash_emailcollection_form_13951 > input.button:hover {
        background: #cc5500;
        color: #fff;
    }
    
    @media only screen and (max-width: 515px) {
        #cash_emailcollection_form_13951 > div:nth-child(2) {
            width: 100%!important;
        }
    }
    
    </style>
    
  4. 4 Posted by Kontact on 26 Jun, 2018 02:03 AM

    Kontact's Avatar

    Hi thanks for the code, but where exactly do i paste it?

  5. 5 Posted by Kontact on 27 Jun, 2018 01:18 AM

    Kontact's Avatar

    Anyone know?

  6. 6 Posted by thisisbrianfish... on 27 Jun, 2018 02:21 AM

    thisisbrianfisher's Avatar

    Instead of light or dark theme, I clicked "Edit custom embed" and placed the code above in the pop up window, above the line of code that says < / head >

  7. 7 Posted by Kontact on 27 Jun, 2018 03:43 AM

    Kontact's Avatar

    I tried it but it and change the color values but it didn't seem to change anything.

  8. 8 Posted by thisisbrianfish... on 27 Jun, 2018 02:06 PM

    thisisbrianfisher's Avatar

    Where it says "13951" - try replacing that number with the number attached to your account/element... that should work!

  9. 9 Posted by Kontact on 27 Jun, 2018 04:14 PM

    Kontact's Avatar

    It works flawlessly! Thank you so much! (by the way for anyone else, there is 3 instances where you replace the "13951" with your data-element number.

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

Recent Discussions

17 Jul, 2018 05:00 AM
28 Jun, 2018 02:21 AM
27 Jun, 2018 04:14 PM
26 Jun, 2018 08:07 PM
18 May, 2018 05:34 PM