Changing the Featured Image Size Obsidian Theme

• 

  nicolemjsaloncom · Member · Jun 11, 2016 at 1:59 pm

  • Copy link
  • Add topic to favorites

  Hi all,
  I need some help with the code for changing the size of the featured image on the record archives page (the Stylist page on my site) with the Obsidian theme.

  Thanks!

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

• 

  thesacredpath · Member · Jun 15, 2016 at 6:19 am

  • Copy link

  Hi there, you didn’t mention if you wished them to be larger or smaller. This can be a challenge to do, and which way you wish to go will dictate how we do it.

• 

  nicolemjsaloncom · Member · Jun 16, 2016 at 8:51 pm

  • Copy link

  I would like to make them smaller if that’s possible. Thanks in advance for your help!

• 

  timethief · Member · Jun 16, 2016 at 8:53 pm

  • Copy link

  Please consider stating exactly what size you are aiming for, to avoid wasted time on back and forth communication.

• 

  nicolemjsaloncom · Member · Jun 16, 2016 at 9:03 pm

  • Copy link

  Right now it looks like they’re 530×530 and I would like them to be 350×350.

• 

  thesacredpath · Member · Jun 17, 2016 at 1:34 am

  • Copy link

  Hi @nicolemjsaloncom, right now on screen, with my browser window set wide, the images on the Stylists page are measuring 350px square. The original images are 530px square, but the overall container div for each is set to 33% width. The best way to do this is to change the overall content max-width on this specific page by using the unique page CSS class set in the opening body HTML tag on this page. This would be the CSS to do that.

  .page-id-54 .site-content {
      max-width: 800px;
  }

  You can adjust the 800px max-width I’ve used as desired. It was originally 1100px.