SOLVED

Change Form Rich Text

Go to solution
Highlighted
Level 5

Change Form Rich Text

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?

1 ACCEPTED SOLUTION

Accepted Solutions
Highlighted
Level 10 - Community Moderator

Re: Change Form Rich Text

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).

View solution in original post

4 REPLIES 4
Level 10 - Community Moderator

Re: Change Form Rich Text

I can't see the Jing link on my device. Can you link to the real form on a page?

Highlighted
Level 10 - Community Moderator

Re: Change Form Rich Text

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).

View solution in original post

Highlighted
Level 5

Re: Change Form Rich Text

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;

}

Highlighted
Level 10 - Community Moderator

Re: Change Form Rich Text

You need to post a link to the form... obviously that CSS isn't the CSS with the offending rule!