Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #1796706
Adding Line Spacing (Padding?) between Blocks in posts
Closed

Comments

  • ollygaspar started the conversation

    Hi,

    I'm trying to find out how to increase the line spacing between paragraphs and images. 

    Specifically, I want to add more space or padding around blog post images within the body. 


    What is the best way to do this without having to add spacing in HTLM each time? 


    Thank you in advance. 

  •  2,699
    PenciDesign replied

    Hi,

    You can add more this code to Customize > Custom CSS to do that:

    .post-entry img.alignnone, .post-entry img.alignright,.post-entry img.alignleft, .post-entry img.aligncenter,
    .post-entry .wp-caption.alignnone, .post-entry .wp-caption.alignright, .post-entry .wp-caption.alignleft, .post-entry .wp-caption.aligncenter{
    margin-bottom: 40px;
    margin-top: 40px;
    }
    

    Change 2 values 40 to values as you want.


    Best Regards,

    PenciDesign

  • ollygaspar replied

    Hi, 
    I have tried to add the Custom CSS code that you provided, however it did not change anything on my posts. 

    I am using Single Posts style 2 

  •  2,699
    PenciDesign replied

    Hi,

    Do you mean you want to change the space between images inside posts content or space between featured image of single post style 2?

    Can you send me a screenshot about where do you want to change the space?


    Best Regards,

    PenciDesign

  •   ollygaspar replied privately
  •  2,699
    PenciDesign replied

    Hi,

    Strange, if so the code I sent me should work. Can you send me the url of the screenshot to I can take it a look? ( please make sure your site is live )


    Best Regards,

    PenciDesign

  •   ollygaspar replied privately
  •  2,699
    PenciDesign replied

    Hi,

    Ahh, ok, please try replace the code I sent to this code:

    .post-entry .wp-block-image, .post-entry img.alignnone, 
    .post-entry img.alignright,.post-entry img.alignleft, 
    .post-entry img.aligncenter, .post-entry .wp-caption.alignnone,
    .post-entry .wp-caption.alignright, .post-entry .wp-caption.alignleft, 
    .post-entry .wp-caption.aligncenter{
    margin-bottom: 40px;
    margin-top: 40px;
    }
    

    Best Regards,

    PenciDesign

  • ollygaspar replied

    Thank you so much - this worked perfectly.