Shrink 'Featured Image' size in Daily Mag

• 

  naturarian · Member · Feb 7, 2019 at 1:08 pm

  • Copy link
  • Add topic to favorites

  Good day CSS Wizards!
  I’m in need of some code to shrink the size of the ‘featured image’ image in each of my blog posts.
  Worse case, I figured I could reduce its size in media, however then I’d have 2 photos @ different sizes filling my storage.
  Bonus Question:
  Is there any way to change the size of the photos on my ‘featured content’ bar on my home page? (I want larger)
  Thanks so much for your hard work and devotion to WP :-D

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

• 

  torres126 · Member · Feb 7, 2019 at 5:16 pm

  • Copy link

  Hi there,

  Sure thing! Here’s some code to adjust the size of those images. Feel free to tweak the values until it suits your needs.

  I’m in need of some code to shrink the size of the ‘featured image’ image in each of my blog posts.

  .hentry .attachment-dailymag-featured {
  max-height: 300px;
  }

  Noting though, that could make look the proportions look a bit off. Here’s some CSS to adjust the width, if you feel that’s the case.

  .hentry .attachment-dailymag-featured {
  width: auto;
  }

  Is there any way to change the size of the photos on my ‘featured content’ bar on my home page? (I want larger)

  Here’s just for the home page, you can remove the .home bit if you want it for other pages too.

  .home .featured-content img {
  width: 160px;
  }

  Adding custom CSS: https://en.support.wordpress.com/custom-design/editing-css/

  Let me know if that doesn’t work for you, or if you have any other questions. :)

• 

  naturarian · Member · Feb 9, 2019 at 9:22 pm

  • Copy link

  Thanks So Much Torres126!!
  I really appreciate your time =-)
  I’ll mess around with values. I just needed some bones to work with.
  Enjoy your day!!

• 

  torres126 · Member · Feb 9, 2019 at 9:28 pm

  • Copy link

  Perfect, happy to help! Let us know if there’s any other changes you’d like to make. :)

• 

  naturarian · Member · Feb 13, 2019 at 12:19 pm

  • Copy link

  Thank you again Torres126!
  Just wanted to come back and thank you again. The code worked perfectly!
  I really appreciate you and all the help I find on these forums 😍
  Enjoy your day!

• 

  torres126 · Member · Feb 13, 2019 at 8:20 pm

  • Copy link

  Glad to hear, you too! :)