Paragraph Spacing

  • Resolved jklarich

    (@jklarich)


    8 years, 8 months ago

    How do I get my paragraph to be the next line when I return instead of putting an extra space under each paragraph? Here is my code. It places an extra space after Office Hours and before Monday.

    Granger Municipal Court Hours and Contact
    Granger Municipal Court is located at 102 Main St., Granger WA 98932
    Phone number: (509) 854-0238
    Office hours:
    <p style=”padding-left: 30px;”>Monday 8 a.m. – 5 p.m.
    Tuesday: Closed
    Wednesday: 8 a.m. – 5 p.m.
    Thursday: Closed
    Friday: 7:30 a.m. – 11:30 a.m.</p>

    This happens when I add a p style change.

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

  • Hi jklarich. It’s because WP encloses what appears to be a paragraph (from the start of your text down to and including “Office hours:”) in <p> tags, and the default theme CSS for <p> tags is”

    .entry p {
    margin-bottom: 1em;
}

    One easy way around that is to wrap the top part of your content in explict <p> tags with a class:

    <p class="office-hours">Granger Municipal Court Hours and Contact
Granger Municipal Court is located at 102 Main St., Granger WA 98932
Phone number: (509) 854-0238
Office hours:</p>
<p style="padding-left: 30px;">Monday 8 a.m. – 5 p.m.
Tuesday: Closed
Wednesday: 8 a.m. – 5 p.m.
Thursday: Closed
Friday: 7:30 a.m. – 11:30 a.m.</p>

    Then add this custom CSS:

    .entry .office-hours {
    margin-bottom: 0;
}
    Thread Starter jklarich

    (@jklarich)

    Solved it! Thanks!

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