Smaller featured images – Karuna theme

• 

  shrewdspend · Member · Dec 22, 2016 at 2:24 pm

  • Copy link
  • Add topic to favorites

  Hi all,

  I am new to this, so hope I am doing things right!

  I am trying to reduce the size of featured images on the karuna theme – I have heard I can add css code which will allow me to do this for all pages, but I am not tech savvy at all. Is someone able to help?

  See how big they are here:

  https://shrewdspend.com/have-a-product-to-sell/

  Jon

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

• 

  thesacredpath · Member · Dec 22, 2016 at 9:08 pm

  • Copy link

  Hi there, in Karuna, the featured images are designed to go full width on the window/screen. We can make the images smaller with the following. I’ve set the width at 80% since that will match the width of the content area below the image. I’ve put this into a Media Query to limit this change to windows/screens 768px and wider since it seems to work better to have it full width on the smaller screens.

  @media screen and (min-width: 768px) {
  .site-header .size-karuna-hero {
  	max-width: 80%;
  }
  }