Weird Spacing Issue on Page

  • For some reason, there is weird spacing between the title and the donate button. I thought it was because of how it was set up in the code, but I can’t figure out where the space comes in: https://www.garnerchristianfellowship.org/give

    These are titles that then have a button for a specific type of donation under them.

    <div align="center">
<strong>General Donation</strong>
<form action="https://Simplecheckout.authorize.net/payment/CatalogPayment.aspx" method="post" name="PrePage"><input name="LinkId" type="hidden" value="c0edfa7e-6ef6-45b7-b288-17177a84b443" /> <input src="//content.authorize.net/images/donate-blue.gif" type="image" /></form>

<strong>Evangelism Donation</strong>
<form action="https://Simplecheckout.authorize.net/payment/CatalogPayment.aspx" method="post" name="PrePage"><input name="LinkId" type="hidden" value="970aa8a0-f94e-4f17-b6a3-5b7d2068dadc" /> <input src="//content.authorize.net/images/donate-blue.gif" type="image" /></form>

<strong>Church Building Fund Donation</strong><form action="https://Simplecheckout.authorize.net/payment/CatalogPayment.aspx" method="post" name="PrePage"><input name="LinkId" type="hidden" value="e695c4c0-1b79-4637-a31d-d7e3f03f66c8" /> <input src="//content.authorize.net/images/donate-blue.gif" type="image" /></form>

<strong>Life Center Outreach Donation</strong><form action="https://Simplecheckout.authorize.net/payment/CatalogPayment.aspx" method="post" name="PrePage"><input name="LinkId" type="hidden" value="2aee88f4-be8f-4882-b79f-a9544355a801" /> <input src="//content.authorize.net/images/donate-blue.gif" type="image" /></form></div>

    [Moderator note: code fixed. Please wrap code in the backtick character or use the code button.]

    • This topic was modified 7 years, 7 months ago by bdbrown.

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

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

  • Your theme CSS is adding a margin above and below the paragraphs:

    p {
  margin: 1.5em 0;
}

    You could try adding this to your custom CSS to change the margins on just that page:

    /* reduce margin around buttons on Give page */
.page-id-764 p:not(.site-description) {
    margin: .5em 0;
}
    • This reply was modified 7 years, 7 months ago by bdbrown. Reason: Edited to exclude site description in selector
    Thread Starter smlanse

    (@smlanse)

    Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Weird Spacing Issue on Page’ is closed to new replies.