i did use the raw content. it looked nice the first time i checked. but now that i get back to it, 2 days later. it looks all distorted on the website itself. I’ll add 2 printscreens. (oh, i get a message i am a new user and can only add one image. ??? I am already using x for 2 years, what do you mean new user?)
- it is showing code and
- the url (which should also not be there at all) is shown on the page and
- the form itself also doesnt look nice.
do you think mailerlite will be included somewhere in time in the package?
how to fix this?
and how can it be that at day 1 it looks fine and 2 days later all distorted?
how to prevent it from happening in a new post?
do you have instruction for adding the raw content in wordpress?
on the page i have classic elements and new elements, does that corrupt?
<img src="//tco-forum-<img src="//tco-forum-
and all this code is also on the page itself:
@import url(‘https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i&subset=cyrillic,cyrillic-ext,latin-ext’); #mlb2-7330458, #mlb2-7330458 *, #mlb2-7330458 a:hover, #mlb2-7330458 a:visited, #mlb2-7330458 a:focus, #mlb2-7330458 a:active { overflow: visible; position: static; background: none; border: none; bottom: auto; clear: none; cursor: default; float: none; letter-spacing: normal; line-height: normal; text-align: left; text-indent: 0; text-transform: none; visibility: visible; white-space: normal; max-height: none; max-width: none; left: auto; min-height: 0; min-width: 0; right: auto; top: auto; width: auto; z-index: auto; text-shadow: none; box-shadow: none; outline: medium none; } #mlb2-7330458 a:hover { cursor: pointer !important; } #mlb2-7330458 h4 { font-weight: normal; } #mlb2-7330458 .subscribe-form { padding: 20px; width: 700px !important; border: 2px solid #c576d1 !important; background: #efe1ff none !important; border-radius: 0px !important; box-sizing: border-box !important; } #mlb2-7330458 .ml-block-form { margin-bottom: 0px; } #mlb2-7330458 .subscribe-form .form-section { margin-bottom: 20px; width: 100%; } #mlb2-7330458 .subscribe-form .form-section.mb10 { margin-bottom: 10px; float: left; } #mlb2-7330458 .subscribe-form .form-section.mb0 { margin-bottom: 0px; } #mlb2-7330458 .subscribe-form .form-section h4 { margin: 0px 0px 10px 0px !important; padding: 0px !important; color: #6e007f !important; font-family: ‘Open Sans’, sans-serif !important; font-size: 28px !important; line-height: 100%; text-align: left !important; } #mlb2-7330458 .subscribe-form .form-section p, #mlb2-7330458 .subscribe-form .form-section li { line-height: 150%; padding: 0px !important; margin: 0px 0px 10px 0px; color: #c576d1 !important; font-family: ‘Open Sans’, sans-serif !important; font-size: 14px !important; } #mlb2-7330458 .subscribe-form .form-section a { font-size: 14px !important; } #mlb2-7330458 .subscribe-form .form-section .confirmation_checkbox { line-height: 150%; padding: 0px !important; margin: 0px 0px 15px 0px !important; color: #000000 !important; font-family: ‘Open Sans’, sans-serif !important; font-size: 12px !important; font-weight: normal !important; } #mlb2-7330458 .subscribe-form .form-section .confirmation_checkbox input[type=“checkbox”] { margin-right: 5px !important; } #mlb2-7330458 .subscribe-form .form-section .form-group { margin-bottom: 15px; } #mlb2-7330458 .subscribe-form .form-section .form-group label { float: left; margin-bottom: 10px; width: 100%; line-height: 100%; color: #c576d1 !important; font-family: ‘Open Sans’, sans-serif !important; font-size: 14px !important; } #mlb2-7330458 .subscribe-form .form-section .checkbox { width: 100%; margin: 0px 0px 10px 0px; } #mlb2-7330458 .subscribe-form .form-section .checkbox label { color: #c576d1 !important; font-family: ‘Open Sans’, sans-serif !important; font-size: 14px !important; } #mlb2-7330458 .subscribe-form .form-section .checkbox input { margin: 0px 5px 0px 0px; } #mlb2-7330458 .subscribe-form .form-section .checkbox input[type=checkbox] { -webkit-appearance: checkbox; opacity: 1; } #mlb2-7330458.ml-subscribe-form .form-group .form-control { width: 100%; font-size: 13px; padding: 10px 10px; height: auto; font-family: Arial; border-radius: 0px; border: 1px solid #cccccc !important; color: #000000 !important; background-color: #FFFFFF !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; clear: left; } #mlb2-7330458.ml-subscribe-form button { border: none !important; cursor: pointer !important; width: 100% !important; border-radius: 5px !important; height: 45px !important; background-color: #00b5c8 !important; color: #FFFFFF !important; font-family: ‘Arial’, sans-serif !important; font-size: 18px !important; text-align: center !important; padding: 0 !important; margin: 0 !important; position: relative!important; } #mlb2-7330458.ml-subscribe-form button.gradient-on { background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); } #mlb2-7330458.ml-subscribe-form button.gradient-on:hover { background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); } #mlb2-7330458.ml-subscribe-form button[disabled] { cursor: not-allowed!important; } #mlb2-7330458.ml-subscribe-form .form-section.ml-error label { color: red!important; } #mlb2-7330458.ml-subscribe-form .form-group.ml-error label { color: red!important; } #mlb2-7330458.ml-subscribe-form .form-group.ml-error .form-control { border-color: red!important; } #mlb2-7330458 .ml-vertical-align-center { text-align: center; display: block; } #mlb2-7330458 .ml-block-success, #mlb2-7330458 form.ml-block-form { display: inline-block; width: 700px; } @media (max-width: 768px) { #mlb2-7330458 { width: 100% !important; } #mlb2-7330458 form.ml-block-form, #mlb2-7330458.ml-subscribe-form .subscribe-form { width: 100% !important; } } #mlb2-7330458 .subscribe-form.horizontal { padding-bottom: 0px; } #mlb2-7330458 .subscribe-form .form-section.horizontal { float: left; margin-bottom: 5px; width: 70%; } #mlb2-7330458 .subscribe-form .form-section.horizontal .form-group { float: left; width: 33.333333333333%; padding-right: 10px; box-sizing: border-box; } #mlb2-7330458 .subscribe-form .form-section.horizontal .form-group .form-control { height: 45px; } #mlb2-7330458 .subscribe-form .form-section.horizontal.ml-button-position { width: 30%; padding: 0; } #mlb2-7330458 .subscribe-form .form-section.horizontal.ml-button-position.top-padding { padding-top: 24px; } @media (max-width: 768px) { #mlb2-7330458.ml-subscribe-form .subscribe-form .form-section.horizontal { float: none; } #mlb2-7330458.ml-subscribe-form .subscribe-form .form-section.horizontal, #mlb2-7330458.ml-subscribe-form .subscribe-form .form-section.horizontal.ml-button-position, #mlb2-7330458.ml-subscribe-form .subscribe-form .form-section.horizontal .form-group { width: 100%; padding: 0; } #mlb2-7330458 .subscribe-form .form-section.horizontal.ml-button-position { margin-bottom: 20px; } }