Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 13, 2016 at 4:45 pm #82788
    Michaela
    Participant

    Hi Sakin,
    I’m struggling to get some white space between a picture and the following paragraph. I’d like these two to be about one or two empty lines apart, but nothing I tried worked.
    Here’s what I did, each by itself:
    – <div class=”clear”></div>
    –  
    – <br class=”clear”/>
    – </br>
    – <p></p>
    – <p> </p>
    I’m at my wit’s end, but maybe you have a simple solution for it?
    Thanks a lot,
    Michaela

    January 13, 2016 at 5:12 pm #82789
    Mahesh
    Participant

    Hi @Michaela,

    I wish to help you but I don’t understand the scenario here. Can you please clarify if more with an image and where actually in your site you want to make the change.

    Regards,
    Mahesh

    January 13, 2016 at 5:32 pm #82795
    Michaela
    Participant

    Hi Mahesh,
    please have a look at this page:
    http://travelintense.com/travel-equipment/travel-gadgets/e-book-reader/
    I would like some space between the first “Buy at Amazon” button and the text “In addition…”.

    January 14, 2016 at 9:08 am #82840
    Mahesh
    Participant

    Hi @Michaela,

    You can achieve this with custom CSS. Please go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add the following CSS:

    .post-215 .aligncenter.wp-image-6123.size-full {
    margin-bottom: 25px;
}

    Note: Please adjust the margin-bottom value as per required.

    Regards,
    Mahesh

    January 14, 2016 at 2:12 pm #82858
    Michaela
    Participant

    Thanks a lot for the code, but this one is too specific, as it only refers to this one picture and the margin after it.
    But I have this problem in general. Every now and then there are two paragraphs which I would like to divide by some space, that should be about as big as one or two empty lines. How do I achieve this?

    January 14, 2016 at 2:32 pm #82859
    Mahesh
    Participant

    Hi @Michaela,

    Please use the following CSS for changes in entire site:

    .aligncenter.wp-image-6123.size-full {
    margin-bottom: 25px;
}

    Regards,
    Mahesh

    January 14, 2016 at 3:46 pm #82867
    Michaela
    Participant

    Hi @Mahesh,
    Thanks. But this will always just render space after this specific image.
    What if I have two paragraphs of text and want one or two lines of space inbetween. Like this:

    <p>sample text</p>

<p>sample text</p>
    January 14, 2016 at 4:18 pm #82868
    Mahesh
    Participant

    Hi @Michaela,

    This is inside the content, so its a bit tricky as content can be anything. Either image or text, one more enter/return provides a space in-between and may do the trick fit for you.
    Please try it out and let me know.

    Regards,
    Mahesh

    January 14, 2016 at 7:10 pm #82873
    Michaela
    Participant

    Hi @Mahesh,
    I wish it was that easy. But no matter whether I simply add two line in the visual editor by clicking on the return space (which results in a &nsbp; in the code version) or whether I add two space lines in the text editor (by clicking “return” twice)… nothing changes. There is no space added between the image and the following text paragraph, or a paragraph and the following paragraph. What’s going on here?
    Cheers!

    January 17, 2016 at 10:09 am #83048
    Mahesh
    Participant

    Hi @Michaela,

    The content’s style is out of theme scope. The style for content is as per how editor manages. As specified above, I tried the same with one more return/enter which puts &nbsp; if you check it in code tab and is working fine.

    Regards,
    Mahesh

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘How to get space inbetween paragraphs’ is closed to new replies.