Changing spacing between paragraphs

Home › Forums › Jevelin Theme › Changing spacing between paragraphs

Home › Forums › Jevelin Theme › Changing spacing between paragraphs

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    RESOLVED Posts

  • erikj80303
    Participant

    Hi.  I love your theme.

     

    I would like to increase the spacing between paragraphs.  How do I do that?

     

    Thanks!

     

    Shufflehound Support
    Moderator

    Solution for this topic

    Hi @erikj80303,

     

    I hope you are well today and thank you for your question.

     

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    #page-container .post-content p:not(:last-child) {
    margin-bottom: 25px;
}

     

    Please change the spacing size 25 in the above code to whatever you want to set.

     

    Best regards,
    Shufflehound team

    erikj80303
    Participant

    Thanks, but unfortunately, your suggestion does not have any effect.  (I also tried replacing ‘margin-bottom’ with ‘padding-bottom’, but that didnt work either.)

     

    Erik

     

    Shufflehound Support
    Moderator

    It is working fine on my test site.

     

    Please clear the cache on your site if you are using any and also clear your browser cache.

     

    Could you please share me your site URL where you are using it so that i can troubleshoot it?

    erikj80303
    Participant

    I tried clearing both caches, but it didnt help.  The site currently has the css code addition with “margin-bottom: 80px;” just to exaggerate the effect (if it were working).

     

    Take a look at this page:

    https://www.hightechhealth.com/saunas/

     

    There are 2 paragraphs in the first text block — that is an example of the spacing I wish to change.

     

    Thanks.

    Shufflehound Support
    Moderator

    Solution for this topic

    It is not post content but page content so for pages you have to use below custom CSS code.

     

    #page-container .page-content p:not(:last-child) {
    margin-bottom: 25px;
}

    erikj80303
    Participant

    That worked, thank you very much!

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)