Move landing page text closer to featured image on responsive theme

• 

  preventiondiaries · Member · Sep 15, 2016 at 6:29 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I would like to move the text block on the left hand side of this landing page: https://preventiondiaries.org/ closer to the featured image so that they have less space between them and are equidistant from the edges of the page.

  I’ve tried playing with the padding of the text and the featured image, but that throws things off.

  Can anyone make any suggestions?

  Thank you,
  Christine

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

• 

  thesacredpath · Member · Sep 26, 2016 at 11:49 pm

  • Copy link

  Hi Christine, let’s give this a try. The width in the first two rules was 48.% each. What I’ve done is to take away from the image div width and added the same amount to the div for the text area. When I did that, the image became smaller, so I had to force it to be larger so that the whitespace between didn’t become too large. See what you think with this. Add it below all of your other custom CSS.

  #featured-image.col-460 {
      width: 35.9362%;
  }
  .col-460 {
      width: 61.9362%;
  }
  .page-id-61 #featured-image img {
      height: 75%;
      width: 75%;
  }