Dara Featured Image Problems

• 

  elainelemm · Member · Feb 14, 2017 at 9:38 am

  • Copy link
  • Add topic to favorites

  Site I need help with: http://elainelemm.com

  I have Dara theme and love it, but the featured image gets cut into by the text. I found the CSS code on the forum and it worked so that I could reduce the amount it cuts into the image. However, the text in the excerpt and on the front page is all squashed up so it looks ridiculous and I have no idea how to change this. Have been trying for hours. I have put it back to how it was was all cut into until I can solve the problem but feeling despondent as I love the rest of the theme.
  This is the code I used

  .post-thumbnail + .entry-header {
  margin-top: 60px;
  }
  }

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

• 

  thesacredpath · Member · Feb 14, 2017 at 8:01 pm

  • Copy link

  Hi there, I see you have a 768px media query with the above CSS in it. Add the following to that rule as well to space the body content down

  .entry-body {
      margin-top: 3.1em;
  }

  so it looks like this.

  @media screen and (min-width: 768px) {
  	.post-thumbnail + .entry-header {
  		margin-top:20px;
  	}
  	.entry-body {
  		margin-top: 3em;
  	}
  }

  You can adjust the 3.1em value as desired.

• 

  elainelemm · Member · Feb 14, 2017 at 10:54 pm

  • Copy link

  Terrific, it worked!! I am so pleased and very impressed by the speedy response. Thank you so much, I really appreciate it.

• 

  thesacredpath · Member · Feb 15, 2017 at 2:15 am

  • Copy link

  You are welcome, and thanks.