“Markup is not allowed in CSS”

  • hayleymac

    (@hayleymac)


    2 years, 8 months ago

    Hi, I have been given this code:

    src=”https://keap.page/gp405/website-pre-order-form.html” style=”border:none; min-height: 700px; width: 1px; min-width: 100%; *width: 100%;” name=”site” frameborder=”0″ marginheight=”0px” marginwidth=”0px” width=”100%” height=”100%” referrerpolicy=”unsafe-url” allowfullscreen></iframe>

    The purpose of the code is to insert a form built in InfusionSoft into the page. When I have added it to the Additional CSS box and click Publish, it says “Markup is not allowed in CSS”.

    Can someone tell me what “markup” means here and if there is anything obvious in the code that is causing it to be rejected? Thank you!

    (I tried another way by adding it as Custom HTML on the page itself but that didn’t work.)

    • This topic was modified 2 years, 8 months ago by hayleymac.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Kader Ibrahim S. a11n

    (@kaderibrahim)

    2 years, 8 months ago

    Hello @hayleymac,

    Thank you for reaching out to WooCommerce support. The Additional CSS in the customizer is for CSS code only. The code that you are trying to add is an HTML code (the tag <iframe> is the markup here).

    If you want to add this <iframe> tag, to just one page, then you can use the Custom HTML Gutenberg block.

    Hope this helps. Please do not hesitate to reach out if you have more questions.

    Thread Starter hayleymac

    (@hayleymac)

    2 years, 8 months ago

    Thank you for your reply! I tried adding the code to the Custom HTML block but when I save it, it still only shows the code on the page. Any suggestion why that would be?

    Kader Ibrahim S. a11n

    (@kaderibrahim)

    2 years, 8 months ago

    Thank you for getting back. Are you trying to add this code that you’ve mentioned?

    src=”https://keap.page/gp405/website-pre-order-form.html” style=”border:none; min-height: 700px; width: 1px; min-width: 100%; *width: 100%;” name=”site” frameborder=”0″ marginheight=”0px” marginwidth=”0px” width=”100%” height=”100%” referrerpolicy=”unsafe-url” allowfullscreen></iframe>

    If that is the case I see your code is missing the opening iframe tag. It should have been:

    <iframe src=”https://keap.page/gp405/website-pre-order-form.html” style=”border:none; min-height: 700px; width: 1px; min-width: 100%; *width: 100%;” name=”site” frameborder=”0″ marginheight=”0px” marginwidth=”0px” width=”100%” height=”100%” referrerpolicy=”unsafe-url” allowfullscreen></iframe>

    Please let us know how it goes.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘“Markup is not allowed in CSS”’ is closed to new replies.

Tags