Problem with blog posts css

• 

  moshekahol · Member · Oct 21, 2016 at 12:32 am

  • Copy link
  • Add topic to favorites

  Hi, I have two major problems with my blog pages…
  Here you can see an example: https://kahol.co.il/2016/09/29/ds/
  1. I have a background image which look like grey margins – it’s actually an image with grey margins and white center – now the problem is that the image isn’t responsive… so I want to get this end result with the background in the blog pages but don’t know how to do that… maybe with no image but colors?… hope there is a nice solution for this…
  2. I resized the feature image in blog pages and now as you can see there is a big gap from the text and the text in picture off to the side… I want to put them in the white area in the background from 1 aligned to the right…

  To see how I want it all to be in the end, here is an example:
  http://yazamnik.com/first-attempt-at-affiliate-marketing/

  It’s really important to me to make those pages look like that… hope there is some solutions…
  thanks sincerely,
  Moshe

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

• 

  thesacredpath · Member · Oct 21, 2016 at 10:13 pm

  • Copy link

  On the background on post pages, I see you are doing this with a right and left border in grey, which is as good a way of doing it as anything. I also see you have limited this to 991px and wider screens.

  .blog #content, .single-post #content {
      border-right: 83.7px solid #E5E1D6;
      border-left: 83.7px solid #E5E1D6;
  }

  Is this getting you what you desire?

  Add the following to the very bottom of your custom CSS and then test on phone and tablet and on your computer at various widths and see what you think.

  .single .entry-hero {
  	min-height: 45vw;
  }