Support » Fixing WordPress » Header Issues

  • Resolved J.E. Spence

    (@ieremias)


    I am having an issue where my header, which follows source code for an email subscription form, isn’t formatted properly in WordPress. The header looks fine in the visual editor but shows up as a plain paragraph, left justified, instead of centered with header 2 formatting that I prefer. I initially encountered the problem after I altered the code for the subscription form to remove space between the form and the header in question. I did this by removing <br> and <br /> at several places. This worked well to remove the extra space between the form and the header in question, but this caused my problem.

    I’m not able to provide a link to my website because it is still under development and not for viewing right now. A screenshot of the page in question is available however.

    I copied the form code before I edited and after the edits, which I believe are causing the problem. I need help! Thanks a bunch for your time.

    BEFORE

    <form action="https://ml.kundenserver.de/cgi-bin/mailinglist.cgi" method="POST" target="_blank">
      <input checked name="subscribe_r" type="radio" value="subscribe">
      Yes, I want to become a member of the mailing list newsletter@bugsmustgo.com.
      <br />
      <input name="subscribe_r" type="radio" value="unsubscribe">
      Please remove me from mailing list newsletter@bugsmustgo.com.
      <br />
      Enter your email address:
      <br />
      <input maxlength="51" name="mailaccount_r" size="51" type="text">
      <br />
      Please confirm your email address:
      <br />
      <input maxlength="51" name="mailaccount2_r" size="51" type="text">
      <br />
      <input type="SUBMIT" value="Send">
      <br />
      <input type="RESET" value="Reset">
      <hr />
      <input name="FBMLNAME" type="hidden" value="newsletter@bugsmustgo.com">
      <br />
      <input name="FBLANG" type="hidden" value="en">
      <br />
      <input name="FBURLERROR_L" type="hidden" value="https://ml.kundenserver.de/mailinglist/error.en.html">
      <br />
      <input name="FBURLSUBSCRIBE_L" type="hidden" value="https://ml.kundenserver.de/mailinglist/subscribe.en.html">
      <br />
      <input name="FBURLUNSUBSCRIBE_L" type="hidden" value="https://ml.kundenserver.de/mailinglist/unsubscribe.en.html">
      <br />
      <input name="FBURLINVALID_L" type="hidden" value="https://ml.kundenserver.de/mailinglist/invalid.en.html">
    </form>

    AFTER

    <form action="https://ml.kundenserver.de/cgi-bin/mailinglist.cgi" method="POST" target="_blank">
      <input checked="" name="subscribe_r" type="radio" value="subscribe">
      Yes, I want to become a member of the mailing list for <i>The Beetle Bugle</i><sup>TM</sup> at newsletter@bugsmustgo.com. Please add our newsletter address to your contact list to ensure proper delivery, which prevents SPAM action. 
      <br>
      <input name="subscribe_r" type="radio" value="unsubscribe">
      Please remove me from the mailing list newsletter@bugsmustgo.com.
      <br>
      Enter your email address:
      <br>
      <input maxlength="51" name="mailaccount_r" size="51" type="text">
      <br>
      Please confirm your email address:
      <br>
      <input maxlength="51" name="mailaccount2_r" size="51" type="text">
      <input type="SUBMIT" value="Send">
      <input type="RESET" value="Reset form">
      <hr>
      <input name="FBMLNAME" type="hidden" value="newsletter@bugsmustgo.com">
     <input name="FBLANG" type="hidden" value="en">
    <input name="FBURLERROR_L" type="hidden" value="https://ml.kundenserver.de/mailinglist/error.en.html"> <input name="FBURLSUBSCRIBE_L" type="hidden" value="https://ml.kundenserver.de/mailinglist/subscribe.en.html"
    <input name="FBURLUNSUBSCRIBE_L" type="hidden" value="https://ml.kundenserver.de/mailinglist/unsubscribe.en.html"> <input name="FBURLINVALID_L" type="hidden" value="https://ml.kundenserver.de/mailinglist/invalid.en.html <br /></form>
    ![enter image description here](https://i.stack.imgur.com/oPGB0.jpg)![enter image description here](https://i.stack.imgur.com/Ip9v5.jpg)
    • This topic was modified 5 months, 2 weeks ago by t-p.
    • This topic was modified 5 months, 2 weeks ago by bcworkz. Reason: code fixed
Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator bcworkz

    (@bcworkz)

    Removing break tags alone would be unlikely to alter the applied CSS, but it’s conceivable. In using a visual editor, it’s possible to remove more than what appears on screen, which very well could affect the applied CSS. You might try reverting back to the working version, then try removing certain breaks in code view.

    Alternately, create new CSS to achieve the look you want. Add the new CSS to the Additional CSS panel of the customizer. Unfortunately, without a live page link, we’re unable to suggest some CSS that might work.

    I was able to fix my issue! I deleted several line breaks., which removed the extra space between the form and the next page section, then I re-positioned the thematic break to the end of the source code, instead of the middle. Below is the finished code. This now looks superb!(I’m sorta new at this coding stuff, so I pat myself on the back for my good work). Thanks for your response.
    —————————————————
    <form action=”https://ml.kundenserver.de/cgi-bin/mailinglist.cgi&#8221; method=”POST” target=”_blank”>
    <input checked=”” name=”subscribe_r” type=”radio” value=”subscribe”>
    Yes, I want to become a member of the mailing list for <i>The Beetle Bugle</i><sup>TM</sup> at newsletter@bugsmustgo.com. (Please add our newsletter address to your contact list to prevent SPAM action, which ensures proper delivery your e-mail Inbox.)
    <br>
    <input name=”subscribe_r” type=”radio” value=”unsubscribe”>
    Please remove me from the mailing list newsletter@bugsmustgo.com.
    <br>
    Enter your email address:
    <br>
    <input maxlength=”51″ name=”mailaccount_r” size=”51″ type=”text”>
    <br>
    Please confirm your email address:
    <br>
    <input maxlength=”51″ name=”mailaccount2_r” size=”51″ type=”text”>
    <br>
    <input type=”SUBMIT” value=”Send”>
    <input type=”RESET” value=”Reset form”>
    <input name=”FBMLNAME” type=”hidden” value=”newsletter@bugsmustgo.com”>
    <input name=”FBLANG” type=”hidden” value=”en”>
    <input name=”FBURLERROR_L” type=”hidden” value=”https://ml.kundenserver.de/mailinglist/error.en.html”&gt;
    <input name=”FBURLSUBSCRIBE_L” type=”hidden” value=”https://ml.kundenserver.de/mailinglist/subscribe.en.html”&gt;
    <input name=”FBURLUNSUBSCRIBE_L” type=”hidden” value=”https://ml.kundenserver.de/mailinglist/unsubscribe.en.html”&gt;
    <br> <hr>
    <input name=”FBURLINVALID_L” type=”hidden” value=”https://ml.kundenserver.de/mailinglist/invalid.en.html”&gt;
    </form>
    ————————————————-

    Moderator bcworkz

    (@bcworkz)

    You’re welcome. I’m pleased you were able to solve this for yourself, you do deserve a pat on the back, at the very least. Being able to get a page the way you want on your own is really empowering, no matter what level of coder you are. Well done!

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.