Resize Featured Image Theme Oxygen

• 

  fabiana167 · Member · Mar 28, 2014 at 1:25 pm

  • Copy link
  • Add topic to favorites

  Hi!
  I have resized the content area from the oxygen theme. Then I tryed to resized the featured image to match but it doens’t work. The image is displyng with the size I want, but with lower quality because the original image size still the old one. The code is enlarging the image but I want to put then in high quality.

  I already try to update the image uploading it again with a bigger size and changed the content size of the blog on the CSS editor. But none of this have worked. Please help!

  My blog: http://fabisoares.com.br/

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

• 

  richardmuscat · Member · Mar 31, 2014 at 10:07 am

  • Copy link

  Hi Fabi, Sorry for the delay in getting back :-(

  Looking at your blog it seems like the images are looking good now. Did you sort it out or do you still need assistance?

• 

  fabiana167 · Member · Mar 31, 2014 at 5:57 pm

  • Copy link

  Actually is not good. The image there is the sike I want it but with lower quality. The code expadn the image automatically but I want to screen the image with original size. The first post, look at quality of the image on the post and then compare to the one on the home. It’s not the same quality.

• 

  richardmuscat · Member · Apr 3, 2014 at 3:08 pm

  • Copy link

  Hi Fabi,

  I think I’ve made some progress figuring out what the issue is here. The theme you are using (Oxygen) requires featured images to be 470px wide and so, when you upload them, it resizes them to that size.

  However you seem to have added some custom CSS that forces the images to scale up to 100%:

  .featured-image img {
  	width: 100%;
  }

  This unfortunately results in the blurry image you are seeing.

  At this stage I don’t have a solution for the exact thing you need because the theme forces the image to be 470px wide so CSS will not help in this matter.

  One suggestion I can make is to replace the custom CSS you have with the following so that at least the image is neatly aligned:

  .featured-image img {
  	float:right;
  }

• 

  fabiana167 · Member · Apr 3, 2014 at 5:20 pm

  • Copy link

  That’s no good for me. The layout with the new code is awful. There’s no way to change the original css from the oxygen theme? Changed from 470px to 740px? There’s must be a way! Otherwise that premium account with possibility to change the CSS is the biggest bullshit on earth. I’m so regreted to pay for it.

• 

  kardotim · Member · Apr 9, 2014 at 11:35 am

  • Copy link

  Since the post width in your current custom CSS is forced to 150%, it “blows” the images up. In this case I recommend using a theme that’s better at handling larger sized featured images. Here are a few suggestions:

  http://abledemo.wordpress.com/
  http://highwinddemo.wordpress.com/
  http://superherodemo.wordpress.com/
  http://sidekickdemo.wordpress.com/
  http://hemingwayrewrittendemo.wordpress.com/

  More can be found at http://themes.wordpress.com