[Michaela]

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

[Mahesh]

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

[Michaela]

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

[Mahesh]

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

[Michaela]

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?

[Mahesh]

Hi @Michaela,

Please use the following CSS for changes in entire site:

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

Regards,
Mahesh

[Michaela]

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>

[Mahesh]

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

[Michaela]

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!

[Mahesh]

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   if you check it in code tab and is working fine.

Regards,
Mahesh

[Author]

Posts