WordPress.org

Support

Support » Themes and Templates » Spacing issue between Blockquote & Form element on Homepage

Spacing issue between Blockquote & Form element on Homepage

  • Hey there, This is the site I’m working on.

    The issue I’m trying to resolve is the spacing on the right-hand column below the sandwich image, between the blockquote “Let’s Plan Your Event” and the subsequent contact/quote form.
    In the page, the contact form’s shortcode is on the line directly below the blockquoted text. In my child theme’s style.css the blockquote is set to only have a 2px top & bottom margin, so that can’t be the culprit. I’ve inspected the page with Firebug, but I don’t know what to do given what I’ve explained in the last sentence.

    What else can I do? I’m at a complete loss, but I know there are plenty of WP geniuses out there… and hopefully one reading this and able to help.

    I really appreciate it!

    Cheers,
    Ana

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

    @wpyogi

    Forum Moderator

    You have a bunch of extra HTML in there:

    <center>
    <p></p>
    <blockquote>
    <p>
    <font color="#7eaf41">Let’s Plan Your Event!</font>
    </p>
    </blockquote>
    <p></p>
    </center>
    <p></p>
    <p></p>
    <center>

    You should also avoid using deprecated code – <center> and <font> are deprecated. Try validating your pages to make sure the code you are using is valid and current.

    Ah, shoot. Is there a way for me to group font styling & alignment properties into one code? I could do <span> and <p>, would that help matters?

    I’ve gone with this:
    <p style="text-align: center; color:#7eaf41; font-size:26px;"><b>Let’s Plan Your Event!</b></p>

    Still experiencing more spacing than I’d like.. :/

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Spacing issue between Blockquote & Form element on Homepage’ is closed to new replies.
Skip to toolbar