Change image ratio of sidebar images

• 

  theonecoleman2014 · Member · Dec 8, 2015 at 6:48 pm

  • Copy link
  • Add topic to favorites

  Hey, any idea how I can change the image size of sidebars universally? I’m finding that the image sticks out and the border disappears?

  Image example

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

• 

  theonecoleman2014 · Member · Dec 10, 2015 at 3:59 pm

  • Copy link

  Bump

• 

  thesacredpath · Member · Dec 12, 2015 at 4:00 am

  • Copy link

  Hi @theonecoleman2014, just a note that when I work the forums I always start with the oldest threads and work up to the newest. If you bump a thread, it puts you back at the top of the forum and it means it may be longer before you get an answer.

  On the images in the sidebar, some other changes you have made are causing this issue, but rather than working out those things, let’s just try the following to correct the image issue.

  #featured-post-25 img {
      max-width: 96%;
  }

• 

  theonecoleman2014 · Member · Dec 16, 2015 at 10:58 pm

  • Copy link

  Oh, cool dude. Thanks. Never thought of that.

  Will try this fix now, thanks again.

• 

  theonecoleman2014 · Member · Dec 16, 2015 at 11:04 pm

  • Copy link

  Yep, that worked. I also added this as I didn’t want the image ratio to change

  #featured-post-25 img {
      max-width: 96%;
  	max-height: 96%;
  }

  But it didn’t really work… :/ Anything I can do to fix image ratio issues. They’re small but worth changing whilst here.

  Thanks again

• 

  thesacredpath · Member · Dec 17, 2015 at 5:39 am

  • Copy link

  Hi, given that we have a % width for the images, the height would need to be set to “auto” so that it doesn’t possible distort the image, so you would want this instead.

  #featured-post-25 img {
      height: auto;
      max-width: 96%;
  }