EXPANDING WIDTH IN OXYGEN THEME SLIDER

• 

  manicuredujour · Member · Oct 13, 2014 at 3:52 pm

  • Copy link
  • Add topic to favorites

  PLEASE HELP!

  I need to know the CSS code to expand the width of the SLIDER in the oxygen theme.

  This is what I have so far:

  .site-header { margin-top: -10px;
  }
  #page { max-width: 1000px;
  }
  .featured-image img { width: 750px;
  }
  #tertiary { margin-left: -17.6%; width: 17.6%;
  }
  #content { margin: 0 20% 0 20%;
  }
  #secondary {width: 12.4%; }

  That CSS code allows me to expand the pages/posts BUT not the slider. The pictures in the slider won’t expand. Please help me figure out how to expand the pictures in the slider.

  The site is manicuredujour.com

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

• 

  thesacredpath · Member · Oct 13, 2014 at 6:31 pm

  • Copy link

  Hi there, give this a try which makes your feature images in the slider wider.

  .featured-wrapper img {
      width: 105%;
  }

  Do note that the original size of the image is set in the theme PHP script files, which we cannot change, so the browser is enlarging that smaller image which will result in a loss in quality. Given this is just a 5% increase in image size, it shouldn’t make too much of a difference though.

• 

  manicuredujour · Member · Oct 13, 2014 at 6:35 pm

  • Copy link

  @thesacredpath IT WORKED!! THANK YOU THANK YOU THANK YOU!!! :):):)

• 

  thesacredpath · Member · Oct 13, 2014 at 7:42 pm

  • Copy link

  You are welcome.

• 

  cyanskiesforever · Member · Oct 19, 2014 at 6:01 pm

  • Copy link

  I’ve been wondering how to do this on my own site with the Oxygen theme as well (by the way, my daughter loves the manicuredujour site) for the longest time. thesacredpath, do I need to buy the custom css option to do what manicuredujour did as well? Also, will this solve the issue of removing one side column and expanding the posts a little wider? When I remove the side column, I get the “meta” info and I don’t want this. I want to reclaim the space.

  Thanks!

• 

  thesacredpath · Member · Oct 20, 2014 at 5:14 pm

  • Copy link

  @ceruleanblueskies, yes, you would need to purchase the Custom Design upgrade in order to apply the CSS changes

  You can try out and preview custom CSS before you buy as explained here.

• 

  manicuredujour · Member · Oct 20, 2014 at 9:32 pm

  • Copy link

  @ceruleanblueskies thank you so much! Tell her to keep checking back! Doing some awesome giveaway soon!