Changing the size of the "Recent Articles" thumbnail image (Oxygen Theme)

• 

  thewookieegunner · Member · Mar 28, 2014 at 6:34 am

  • Copy link
  • Add topic to favorites

  Hello there,

  I have the oxygen theme and I’ve got the CSS codes for removing the right sidebar, but is there a CSS code to expand the 470px wide featured/thumbnail image in the “recent articles” section? The current size of those images is 470×140, while the main featured image is 750×380. I’d like to stretch that 470 image to 750 to eliminate the blank space. Is this possible with a CSS code?

• 

  kaniamea · Member · Mar 28, 2014 at 6:32 pm

  • Copy link

  Hi there,
  try adding this to your Custom Design CSS:

  #page a, #page a img, .featured-post .entry-meta {
      width: 750px;
  }

• 

  nboufawaz · Member · Apr 20, 2014 at 4:06 pm

  • Copy link

  Hi I’m trying to do the same, but the code suggested above doesn’t work for me. have you figured it out?

• 

  nboufawaz · Member · Apr 20, 2014 at 4:38 pm

  • Copy link

  To be more specific, I’ve figured out how to stretch it to 750px, but the height stays at 140, so the images lose quality. I’d like the full featured image to appear if possible. Is there a way?

• 

  hafizr · Member · Apr 21, 2014 at 12:19 am

  • Copy link

  I’d like the full featured image to appear if possible. Is there a way?

  If the actual image is small, then there’s no way to make it bigger without losing quality using only CSS. Displaying the full featured image is also not possible here, because that will require modifying the theme’s code, which is not allowed.

• 

  nboufawaz · Member · Apr 21, 2014 at 2:34 pm

  • Copy link

  Thanks hafizr.

  Is there a way then to show the image on the left, with the header and summary to the right of it?

• 

  thesacredpath · Member · Apr 22, 2014 at 2:32 am

  • Copy link

  Hi, to do that would require the use of position: absolute, and when you use that, the elements you set to position: absolute lose their relationship to the rest of the elements in the web page, and with responsive width designs, such as Oxygen, it either breaks things for those on small tablets and phones, or you have to create media queries to try and retain the responsive nature of the theme.

• 

  designsimply · Member · Apr 22, 2014 at 6:32 am

  • Copy link

  It’s possible to put the image on the left and text on the right, but it gets a bit tricky! Here is a past forum thread where I helped someone with that in case you’re interested:
  https://en.forums.wordpress.com/topic/oxygen-theme-featured-pictures-for-posts-1?replies=8

• 

  nboufawaz · Member · Apr 23, 2014 at 7:32 pm

  • Copy link

  Wow that is tricky. I might just skip it. Thanks for the help everyone.