Email Form Displaying a Hover effect I didn't ask for?

[emurrell17]

Here’s the link:

randylpurcell.com

If you scroll to the bottom of the homepage you can see the form in question. It looks great, but when I scroll over it, it expands like crazy and makes the whole thing borderline unusable imo. Definitely not professional anyway. Tried to fix it with css but no luck. I’ll drop my login creds below.

Thanks guys!

Edit: I think this is particularly weird because I’ve embedded the same shortcode on a different page and it doesn’t have the same effect… https://randylpurcell.com/my-process/

[ruenel]

Hello @emurrell17,

Thanks for posting in!

You are experiencing this issue because you added this custom css:

.x-raw-content:hover {
    transition: all .2s ease;
    transition: all .2s ease;
    transition: .2s ease;
    color: white;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
}

Remove the css code or use a text element instead and insert the shortcode.

Please let us know how it goes.