WordPress.org

Ready to get started?Download WordPress

Forums

Spacing issue between Blockquote & Form element on Homepage (4 posts)

  1. artisana
    Member
    Posted 9 months ago #

    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

  2. WPyogi
    Volunteer Moderator
    Posted 9 months ago #

    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.

  3. artisana
    Member
    Posted 9 months ago #

    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?

  4. artisana
    Member
    Posted 9 months ago #

    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.. :/

Reply

You must log in to post.

About this Topic