Enlarge slideshow

• 

  darrylcotton · Member · Nov 13, 2015 at 9:47 am

  • Copy link
  • Add topic to favorites

  Hi. I am trying to make the pictures of a slideshow appear larger on the page. They should be enlarged to fit across the width of the column aligning nicely with the paragraph below. The page with the slideshow is ‘Melton Travel Seminars’ under ‘Around the World’. Thanks. :)

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

• 

  darrylcotton · Member · Nov 13, 2015 at 1:03 pm

  • Copy link

  Just to add the pics have all been sized to the final required size. Thx

• 

  g471n · Member · Nov 13, 2015 at 6:22 pm

  • Copy link

  Hi Darryl

  This should work for you. Let me know if you have any more questions.

  .slideshow-window * img {
      width: 94%;
  }

• 

  darrylcotton · Member · Nov 13, 2015 at 6:31 pm

  • Copy link

  thanks, the width is fine but the height hasn’t changed proportionally. how do i get the enlargement to be proportional?

• 

  g471n · Member · Nov 13, 2015 at 6:50 pm

  • Copy link

  Yes, I see what you mean. This should fix it

  .slideshow-window * img {
      width: 94%;
      max-height: 132% !important;
  }
  
  .slideshow-window {
      overflow: visible;
  }
  
  .page-id-2571 div.slideshow-window {
      padding-bottom: 26% !important;
  }

• 

  darrylcotton · Member · Nov 14, 2015 at 5:06 am

  • Copy link

  Thats perfect. Thanks very much. :)

• 

  g471n · Member · Nov 14, 2015 at 12:24 pm

  • Copy link

  You are welcome :)