Featured image

• 

  anneileenlennert · Member · Oct 5, 2017 at 6:36 pm

  • Copy link
  • Add topic to favorites

  Is there a CSS code to put in so that the featured image is not cut when looking at it from different size screens? The lighthouse is the important part of the website.

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

• 

  garysixtyeight · Member · Oct 5, 2017 at 6:53 pm

  • Copy link

  Hi there,

  When using background-size cover to make an image fill the available space, some of the image will usually be cut off, unless ‘contain’ is used- but that will cause its own problems.

  What we could do is change the position so that the top of the image is usually shown:

  .blog .featured-slider .featured-image {
      background-position: top center;
  }