Featured Image Sizes: Intergalactic Theme

• 

  cnnryng · Member · Jun 13, 2015 at 9:39 pm

  • Copy link
  • Add topic to favorites

  Hello,

  Please can someone help me set the sizes for featured images in the Intergalactic theme? I want to limit them in height so that on the homepage they’re all slightly narrower, and also so that on each post they don’t fill the screen vertically.

  Done a lot of googling/forum searching but can’t seem to find an answer.

  Thankyou!

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

• 

  staff-jeanpierreac · Staff · Jun 15, 2015 at 8:11 am

  • Copy link

  Hi there!

  In your main page, your images are set to fill the 100% of article height. That mean if you want to limit them in height you should change your article height. Otherwise your image will be shorter, but there will be a gap to next one.

  Your article height is composed of margins, borders, paddings, and content heights, but I think the most obvious way to reduce it is just to modify your article padding. Right now you have a 6em top and bottom padding and that means a lot of space. You could try with a smaller value. For instance:

  .blog .hentry, .archive .hentry, .search .hentry {
      padding: 2em 0;
  }

  In your posts it is significantly easier to modify your background height because it is not ‘attached to another value’. You can set this value with this css code (Just change 400px for your preferred value):

  .single.single-thumbnail .entry-background {
      height: 400px !important;
  }

  I hope this helps.

• 

  staff-totoro · Staff · Jun 19, 2015 at 4:24 am

  • Copy link

  Hi @cnnryng

  Looks like you are using a modified version of staff-jeanpierreac’s code (props!) on your site when I visit it. Did that work out for you?

• 

  cnnryng · Member · Jun 20, 2015 at 11:16 am

  • Copy link

  Thanks a lot! That worked perfectly

• 

  staff-jeanpierreac · Staff · Jun 22, 2015 at 6:18 am

  • Copy link

  Glad to read that, @cnnryng!