Padding Textblocks

• 

  easydesign791 · Member · Jan 18, 2017 at 10:16 am

  • Copy link
  • Add topic to favorites

  Hi Everybody,

  I’m trying to have a nice padding in my textblocks, but it doesn’t really work. If you look at my site, and go to “Over ons”. You’ll see that there is a nice padding between the picture and the text, but if you make the window smaller, you’ll see the text jump under the picture.
  There the text will be glued to the border. I want to add a padding to the text that jumps uner the pictures, without having the picture being padded to the border if you get what i mean…

  The pictures needs to stay glued to the side, but the text doesn’t… Thanks in advance guys!

  The blog I need help with is: (visible only to logged in users)

• 

  aakashpatelsite · Member · Jan 18, 2017 at 12:24 pm

  • Copy link

  Hi,
  I have seen your blog, your text is moving out, to overcome this problem give padding in percentage and adjust height to auto.

  Thanks,
  Aakash Patel
  http://www.ifourtechnolab.com

• 

  thesacredpath · Member · Jan 25, 2017 at 10:10 pm

  • Copy link

  Hi @, add the following to your custom CSS and see what you think. Add this at the very bottom of your custom CSS below everything else.

  .page-id-18 .post-content p {
  	padding: 0 15px 5px 15px;
  	box-sizing: border-box;
  }
  .page-id-18 .post-content img {
  	margin-bottom: 20px;
  }
  @media screen and (max-width: 560px) {
  	.page-id-18 .post-content img {
  		width: 100% !important;
  		margin-left: 0 !important;
  		margin-right: 0 !important;
  	}
  	.page-id-18 .post-content p {
  		padding-top: 15px;
  		text-align: left !important;
  	}
  }