Change Form Rich Text | Community
Skip to main content
Kim_Gandy1
Kim_Gandy1
Level 6
January 11, 2017
Solved

Change Form Rich Text

  • January 11, 2017
  • 2 replies
  • 2523 views

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?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by SanfordWhiteman

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

2 replies

SanfordWhiteman
SanfordWhiteman
Level 10
January 11, 2017

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

SanfordWhiteman
SanfordWhitemanAccepted solution
Level 10
January 12, 2017

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

Kim_Gandy1
Kim_Gandy1Author
Level 6
January 12, 2017

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;

}

SanfordWhiteman
SanfordWhiteman
Level 10
January 12, 2017

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

Terms & ConditionsAccessibility statement

Loading footer...