Spacing in Blog different from Post

  • tspnyc

    (@tspnyc)


    5 years, 3 months ago

    Image link

    blog spacing issue theme Bam

    In my child theme for theme Bam, there is no line spacing or spacing after paragraphs when viewing the Blog, which looks like a train wreck.

    When entering individual posts, or pages, the spacing is nice and readable.

    How can I adjust the spacing in the full blog stream?

    The Customize options for this theme only deal with Individual Posts, not the blog stream (or whatever that is called.)

    Thanks

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Mateo

    (@mateico)

    5 years, 3 months ago

    Hi @tspnyc!

    Try pasting this code in Appearance> Customize> Add CSS.

    div#page p {
    line-height: 23px;
    margin-bottom: 20px;
}

    Let me know if it solves your issue.
    Regards!!

    Krystle Salazar

    (@krysal)

    5 years, 3 months ago

    Hi both!

    I will suggest a more specific selector for the blog page styles:

    
.bam-entry .entry-summary p {
    margin: 0 0 1.5em;
    line-height: 1.7;
}

    Hope this help 👋

    Thread Starter tspnyc

    (@tspnyc)

    5 years, 3 months ago

    Thank you Mateo and Krystle!

    Those both accomplish what I want, but I am unsure what the specific differences may be.

    Now that I have space between my lines, thank you very much, I need to reduce the space between the paragraphs, but also some other aspects on all pages and posts.

    Can one of you or someone please tell me how to reduce space below (or above) the following:

    Page Tile
    Individual Heading Styles (h1, h2, etc.)
    Paragraph style

    Let me know if I put the suggested code in Customize/Additional CSS, or if I should be changing certain parameters in the Style Sheet itself.

    • This reply was modified 5 years, 3 months ago by tspnyc.
    Mateo

    (@mateico)

    5 years, 3 months ago

    To reduce the space between the paragraphs you will change the value of this code to a lower value:

    div#page p {
    line-height: 23 px;
    margin-bottom: value px;
    }

    To change the sizing and spacing of pages titles, headings and paragraphs is so specific code, so im gonna take a look and share it with you.

    • This reply was modified 5 years, 3 months ago by Mateo.
    • This reply was modified 5 years, 3 months ago by Mateo.
    Mateo

    (@mateico)

    5 years, 3 months ago

    Hi again, i was looking and there seems to be an empty paragraph block after the titles of some posts. Enter the edition of each post and if they are there delete them.
    The styles of the titles and paragraphs, you would have to tell me what you want.

    Keep in touch!

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

The topic ‘Spacing in Blog different from Post’ is closed to new replies.