When editing my preference center form and landing page, the opt out field auto-adds a bright red banner to the field. This formatting is nowhere to be found in the template, landing page, or form. I'm not having this issue when editing other fields in the form. How can I edit this opt out field to get rid of the red banner?
Solved! Go to Solution.
OK, back at my machine & I can see your screenshot. But you should supply the actual URL. Looks like somebody added CSS to the row that contains the opt-out, that's all (don't know why you called it Rich Text, unless this is a synthetic/client-side checkbox in a RT area... can't tell from a screenshot).
I can't see the Jing link on my device. Can you link to the real form on a page?
OK, back at my machine & I can see your screenshot. But you should supply the actual URL. Looks like somebody added CSS to the row that contains the opt-out, that's all (don't know why you called it Rich Text, unless this is a synthetic/client-side checkbox in a RT area... can't tell from a screenshot).
Thanks Sanford, but I'm not seeing where in the CSS the red banner, "background-color": "#ff0039" is coded.
.mktoFormRow {height:94px !important}
.mktoForm.mktoHasWidth.mktoLayoutLeft {width:100% !important}
.mktoLogicalField.mktoCheckboxList.mktoHasWidth {
padding: 0.3em;
float: left;
position: absolute !important;
padding-top: 6px !important;
}
button {margin-bottom:30px !important; margin-top:20px !important;}
.mktoForm * i {
font-family: inherit;
font: normal normal normal 14px/1 FontAwesome !important;
}
#main .panel-heading {
height: 41px;
position: relative;
padding: 10px !important;
margin-left:-10px;
margin-top:-10px;
}
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
color: #fff;
border: 1px solid #3fb618 !important;
padding: 10px 18px !important;
font-size: 15px !important;
background-color: #3fb618 !important;
background-image: none !important;
background-image: none !important;
background-image: none !important;
background-image: none !important;
}
.mktoButtonWrap.mktoSimple {margin-left:362px !important;}
.mktoForm .mktoLabel {
float: left;
line-height: 1.2em;
padding-top: 0.3em;
padding-left: 30px !important;
}
.mktoForm .mktoFormRow {
border-bottom: 1px solid #ccc !important;
padding-top: 10px !important;
}
You need to post a link to the form... obviously that CSS isn't the CSS with the offending rule!