Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #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

    #82789
    Mahesh
    Keymaster

    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

    #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…”.

    #82840
    Mahesh
    Keymaster

    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

    #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?

    #82859
    Mahesh
    Keymaster

    Hi @Michaela,

    Please use the following CSS for changes in entire site:

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

    Regards,
    Mahesh

    #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>
    #82868
    Mahesh
    Keymaster

    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

    #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!

    #83048
    Mahesh
    Keymaster

    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

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