Tagged: white space
- This topic has 9 replies, 2 voices, and was last updated 7 years, 10 months ago by
Mahesh.
-
AuthorPosts
-
January 13, 2016 at 4:45 pm #82788
Michaela
ParticipantHi 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,
MichaelaJanuary 13, 2016 at 5:12 pm #82789Mahesh
KeymasterHi @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,
MaheshJanuary 13, 2016 at 5:32 pm #82795Michaela
ParticipantHi 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 #82840Mahesh
KeymasterHi @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,
MaheshJanuary 14, 2016 at 2:12 pm #82858Michaela
ParticipantThanks 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 #82859Mahesh
KeymasterHi @Michaela,
Please use the following CSS for changes in entire site:
.aligncenter.wp-image-6123.size-full { margin-bottom: 25px; }
Regards,
MaheshJanuary 14, 2016 at 3:46 pm #82867Michaela
ParticipantHi @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 #82868Mahesh
KeymasterHi @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,
MaheshJanuary 14, 2016 at 7:10 pm #82873Michaela
ParticipantHi @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 -
AuthorPosts
- The topic ‘How to get space inbetween paragraphs’ is closed to new replies.