Oxygen Theme feature slider height adjustment

• 

  dicetravels · Member · Sep 30, 2015 at 4:29 pm

  • Copy link
  • Add topic to favorites

  I am currently trying to use CSS editor in wordpress editor to make this work.

  I’m currently using the following code to make it two columns:

  #tertiary {
  display: none;
  }

  #content {
  margin-right: 0 !important;
  }

  .attachment-archive-thumbnail, .entry-header, .entry-summary {
  width: 100%;
  }

  a.read-more, a.read-more:visited {
  right: 25px;
  }

  .hfeed-more .hentry.even {
  margin-left: 150px;
  width: 45%;
  }

  .hfeed-more .hentry.odd {
  width: 45%;
  }

  However, my feature slider is too narrow. How can I increase the height of the element?

  Thanks for the help!

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

• 

  thesacredpath · Member · Sep 30, 2015 at 7:41 pm

  • Copy link

  Hi, featured images are created in the original size required by the theme by the theme and WordPress software. If we were to force-adjust the height of the image, it would distort it since the width would not increase. To change the dimensions of the image would require editing of the theme php script files and we cannot do that at WordPress.com.

• 

  bunnygamma · Member · Oct 2, 2015 at 10:37 am

  • Copy link

  Thank you for the feedback… However, what’s weird is in the official Oxygen Theme example the dimensions are different, with the pictures having much more height. Also, many of the of the other examples I see have a much bigger feature slider.

  Official example: https://theme.wordpress.com/themes/oxygen/
  Mine: http://dicetravels.com/

  What am I missing? Thanks again for your help with this :)

• 

  thesacredpath · Member · Oct 2, 2015 at 10:04 pm

  • Copy link

  Hi, if you scroll to the bottom and the Quick Specs section of the Theme Showcase page for Oxygen, you will see that the size for featured images for the slider is 750px x 380px, basically landscape at a 2:1 proportion (width to height). The image you have used is 2592px x 3888px (height x width), which is a portrait orientation 1:1.5 proportion. The software has to turn that into a 2:1 image to fit in the space allowed by the theme, and that involves cropping of the image. In general, crops are taken out of the center of an image, and that is why you are seeing a shorter, cropped image.

  I would suggest editing that image on your computer and creating a 750px x 380px image by cropping it as you desire and then uploading that image and set it as the featured image for that post. This way you are in control of the crop and what shows.

  Given the portrait orientation of the image, what you end up with probably isn’t going to be what you would like. You may want to consider a different image, one that is landscape orientation originally.

• 

  bunnygamma · Member · Oct 3, 2015 at 2:41 am

  • Copy link

  Okay. Thank you so much for taking the time to explain :)

• 

  thesacredpath · Member · Oct 3, 2015 at 9:11 am

  • Copy link

  My pleasure, and you are welcome, and do let us know if you have additional questions.