• Hi! I am trying to edit a widget that I have never had trouble with before and see that it will not let me save changed until I fix “8 errors” with the custom HTML widget. The errors it mentioned are completely crazy, like saying I have no start tag even though it does. Here’s a screenshot: http://i.imgur.com/GV4WFjq.png

    How can I force a save or disable this HTML error system?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator James Huff

    (@macmanx)

    It’s technically correct that there’s a problem with the image, but it could be worded a lot better.

    First, you need to add some descriptive text via an alt tag, like alt="whatever this is"

    Next, you don’t need the </img> and instead you need to close the main img tag with />

    For example:

    <img align="middle" width="80" height="113" src="[url]" alt="[alt text]" />

    Thread Starter FluorescentTurban

    (@fluorescentturban)

    Thanks! Getting some more errors too which I can’t decipher. Here’s the code for reference:

    <center><img alt="t" align="middle" width="80" height="113" src="https://www.rebeccawood.com/wp-content/uploads/2017/07/5-420x590-1.png" />
    </center>
    <strong><p style="line-height: 1.3em; font-size: 17px; width: 90%; style="bold;">Understand Your Inner Health</p></strong>
    <p style="line-height: 1.3em; font-size: 17px; width: 90%;">With Chinese Face Reading</p>
    
    <br>
    <p style="line-height: 1.3em; font-size: 14px; width: 90%;">Your face reflects your well-being. Might your skin be blue below your eyes? Or yellowish above your lips? Facial indicators such as these directly correlate to internal imbalances. To regain your health, identify these signs and then make relevant adjustments to your diet and lifestyle. Award-winning author and diet counselor Rebecca Wood has been reading people’s faces for over 45 years. She delights in seeing her clients' faces brighten as they regain their inner harmony.</p>
    <p style="line-height: 1.5em; font-size: 14px;"><a style="color: #af1344;" href="https://www.rebeccawood.com/10-common-questions-about-chinese-face-reading/">Learn More.</a></p>
    <!-- styling -->
    
    <style type="text/css"> .order {width: 50%; margin:auto; margin-top: 20px; border-radius: 25px; background:#6079C9; color: white; text-align: center; height: 25px; line-height: 25px; padding: 5px 10px 5px 10px; transition: 500ms ease-in-out;} .order h2 {font-size: 16px !important; } .order:hover {background: #F3DA95;} .order:hover h2 {color:grey; transition: 500ms ease;}<br /></style>
    <div class="order">
    <h2>Order Today</h2>
    </div>

    And the errors:

    Screen Shot 2017-11-17 at 5.27.15 PM.png

    Screen Shot 2017-11-17 at 5.27.06 PM.png

    Moderator James Huff

    (@macmanx)

    Your problem is right here:

    <p style="line-height: 1.3em; font-size: 17px; width: 90%; style="bold;">

    That extra style and quote is what’s breaking everything, it should be:

    <p style="line-height: 1.3em; font-size: 17px; width: 90%; bold;">

    One other suggestion, drop the <center> and </center> since you don’t need those, as the image already has align="middle"

    Also, you can build all of this yourself using the Text widget instead, no coding knowledge required.

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

The topic ‘Incorrect HTMl errors’ is closed to new replies.