How to apply a design made in PRO to a normal html button

[Andreaco]

Hello,

i’ve designed a V2 button in PRO, and would like to apply that same style to other html buttons i have in custom forms.

Which classes should i apply to the html buttons, to have the same design i made in pro?

Right now i tryed with what i see in chrome inspect (e945-306 x-anchor x-anchor-button) but doesn’t work.

Thanks!

[ruenel]

Hello There,

Thanks for writing in! Regretfully it does not possible to have the same styling because the v2 button element has a different structure with the submit button of your form. You may need to use a custom css to mimic the look of the button instead. You may need to use this custom css:

#DripThis-Embedded-Form button {
    padding: 0.575em 0.85em 0.7em 0.85em;
    margin: 0.5em 0em 0em 0em;
    border-width: 0px 1px 0px 1px;
    border-style: none solid none solid;
    border-color: transparent rgb(163,145,97) transparent hsl(49,100%,28%);
    font-size: 1.5em;
    background-color: hsl(0,0%,100%);
    box-shadow: 0em 0em 0.5em 0em rgba(0,0,0,0.1);
    font-family: "Playfair Display",serif;
    font-style: italic;
    font-weight: 400;
    line-height: 1;
    color: rgb(0,55,103);
}

Hope this helps.

[Andreaco]

That’s great thank you!

[thai]

If you need anything else please let us know.