Photo resizing

• 

  tkazadi · Member · Oct 7, 2016 at 3:32 pm

  • Copy link
  • Add topic to favorites

  I have a Gazette theme, and want my photo to be larger to fit the space (under the weekly revelations tab). I tried using CSS, but the image won’t resize.

  Thanks!

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

• 

  innisfreehomestead · Member · Oct 7, 2016 at 3:50 pm

  • Copy link

  Hello there!

  I’m guessing you are referring to the image on top of the blog post? Dropping this code in your custom CSS area should do the trick:

  .single-post .entry-hero .post-thumbnail img {
  	width: 100%;
  }

  (keep in mind that the larger image you use, the less blurry that it will be)

  If you don’t want the image forcing the size of the area to be very large (as you’ll see it does with the above code) then you can use something like this to cut off the box at a certain height (feel free to change the px amount):

  .single-post .entry-header.entry-hero {
  	max-height: 400px;
  	overflow: hidden;
  }

  Let me know if that doesn’t work!
  Sage

• 

  tkazadi · Member · Oct 7, 2016 at 4:01 pm

  • Copy link

  Thanks Sage! I will play around with it!

• 

  innisfreehomestead · Member · Oct 7, 2016 at 4:02 pm

  • Copy link

  Sounds great! Let me know if you have any questions :)

  Sage

• 

  tkazadi · Member · Oct 7, 2016 at 5:17 pm

  • Copy link

  So I attempted it, and it still looks the same (I’m new to CSS), but thanks for the advice. Truly appreciate it!!!!

• 

  innisfreehomestead · Member · Oct 7, 2016 at 5:32 pm

  • Copy link

  Hey there,

  That’s no good! I’m not seeing the CSS show up on the frontend even to be overwritten, is it still in the custom CSS area?

  Thanks,
  Sage

• 

  tkazadi · Member · Oct 7, 2016 at 5:47 pm

  • Copy link

  There is when I click customize. Even when I try and change the pixel width, nothing happens… le sigh!

• 

  innisfreehomestead · Member · Oct 7, 2016 at 5:51 pm

  • Copy link

  Hey there!

  All I’m seeing in your custom CSS is

  .single-post .entry-hero .post-thumbnail img {
  }

  Are you definitely placing in the entire code?

  Thanks,
  Sage

• 

  tkazadi · Member · Oct 7, 2016 at 6:37 pm

  • Copy link

  I got it to work!!! I just re-cropped the photos before uploading the image.

  Thanks for all your help!

  Tifa

• 

  innisfreehomestead · Member · Oct 7, 2016 at 6:45 pm

  • Copy link

  Great to hear, thanks for letting me know Tifa!