0

After building a SmartCapture form in CloudPages, the publish process pushes in "smartcapture-form.css" that overrides much of the CSS I've written. I'm new to SFMC and can't seem to find where to turn this off (if it can be).

Also, it's 2019: why is Salesforce still using tables for layout?

Improve this question

1 Answer 1

Reset to default
3

Try the following:

In Web Studio, create two Code Resources, first one being the "reset" CSS and second one your own CSS that you want to apply.

In the "reset" resource, use the following: https://codepen.io/zuzannamj/pen/JjjQVZK.css

Publish both code resources and copy their links.

Link them in the Code View in your CloudPage, first the "reset", then your CSS:

...
<link rel="stylesheet" href="https://pub.sx.exacttarget.com/reset">
<link rel="stylesheet" href="https://pub.sx.exacttarget.com/mycss">
</head>
Improve this answer
4
  • Hmm... that didn't fix it. Here's the HTML in the page's Code View: https://codepen.io/MrCookToYou/pen/eYmYVap.html. The CSS is being loaded by smartcapture-formjs.js.
    – Jim Cook
    Commented Dec 2, 2019 at 19:29
  • Can you try to including the css from use.typekit.net/rtw4koz.css internally directly by pasting it in <style> element in <head> section?
    – zuzannamj
    Commented Dec 2, 2019 at 19:33
  • And try removing it from smartcapture-forms.js if you don’t need it there?
    – zuzannamj
    Commented Dec 2, 2019 at 19:35
  • I moved Typekit to my custom CSS file: no change.
    – Jim Cook
    Commented Dec 2, 2019 at 21:18

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .