Hírlevélhez a tartalom:

<p style="color: #fff; font-size: 16px; font-weight: 400; line-height: 20px; margin: 0 0 10px 0;">Iratkozz fel a hírlevelemre!</p>
<label>[text* text-789 placeholder "Keresztneved"]</label>
<label>[email* email-333 placeholder "E-mail címed"]</label>
<p style="color: #fff; font-size: 12px; font-weight: 600; line-height: 22px; margin: 0 0 10px 0;">Bármikor leiratkozhatsz a hírlevélről!</p>
<p style="line-height: 18px;color: #fff; font-size: 12px; font-weight: 400; margin: 0 5px 0 0; ">[acceptance acceptance-226 optional] Hozzájárulok, hogy a kissmelinda.hu oldal hírlevelet küldjön nekem. <a style="color: #fff; font-size: 12px; font-weight: 400; margin: 0 5px 0 0; text-decoration: underline;" href="/adatkezelesi-tajekoztato" target="_blank">Adatkezelési tájékoztató</a> [/acceptance]</p>
[submit "Feliratkozom"]

A text-789, email-333 mezők értéke Nálad más lesz, azt a program generálja automatikusan, azt ne piszkáld, hagyd meg azt, amit a program generál Neked!
A programkód többi részét illeszd be a kódod köré, ha szeretnéd, hogy olyan legyen a kinézet, mint a videón!



Megjelenés --> Testreszabás --> További CSS menüpontba illesztendő kódsor:
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea {
	background-color: #fff!important;
    color: #333!important;
    border-color: #ccc;
    border-radius: 4px!important;
    border-style: solid!important;
    border-width: 1px!important;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 14px!important;
    height: auto;
    line-height: 21px!important;
    margin-bottom: 10px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 10px 10px!important;
    width: 100%!important;
    box-sizing: border-box!important;
    max-width: 100%!important;
}

input[type=submit]:not(:hover):not(:active):not(.has-background) {
	background-color: #fd7e14!important;
    border: none!important;
    border-radius: 4px!important;
    box-shadow: none!important;
    color: #fff!important;
    cursor: pointer;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif!important;
    font-size: 14px!important;
    font-weight: 700!important;
    line-height: 21px!important;
    height: auto;
    padding: 10px!important;
    width: 100%!important;
    box-sizing: border-box!important; margin-top: 20px;
}

input[type=submit]:hover { background-color: #333!important;
    border: none!important;
    border-radius: 4px!important;
    box-shadow: none!important;
    color: #fff!important;
    cursor: pointer;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif!important;
    font-size: 14px!important;
    font-weight: 700!important;
    line-height: 21px!important;
    height: auto;
    padding: 10px!important;
    width: 100%!important;
    box-sizing: border-box!important; margin-top: 20px;}

p .wpcf7-list-item-label {font-size: 12px; font-weight:400;}

input[type=checkbox], input[type=radio] {
    width: 16px;
    height: 16px;
    border: none;
 }

input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea {border-color: #eaeaea;}

input[type=text]:focus, input[type=email]:focus, .site textarea:focus {border-color: #FD7E14; outline: none;}