Editing space available for captions

• 

  helencarvalhido · Member · May 6, 2014 at 9:46 pm

  • Copy link
  • Add topic to favorites

  Hello

  Is it possible to edit the space available for captions in a slideshow photo gallery in twenty fourteen? I want the captions to show without overlapping the photos. Have tried cropping photos but this doesn’t make a difference. Any suggestions?

  The post I’m working on is here: http://abrahamspath.wordpress.com/blog/

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

• 

  hafizr · Member · May 7, 2014 at 1:55 am

  • Copy link

  Hi,

  Try something like this:

  .slideshow-slide-caption {
  	position: static !important;
  }
  .entry-content .slideshow-window {
  	padding-bottom: 30px !important;
  }

• 

  helencarvalhido · Member · May 7, 2014 at 7:17 pm

  • Copy link

  Thanks – that has worked well by increasing the number of pixel padding at the bottom. Only problem now is that the pause/arrow buttons cover part of the text. Is there a way to adjust their position just slightly?

• 

  thesacredpath · Member · May 8, 2014 at 7:02 pm

  • Copy link

  Hi, this is a little bit of a different approach and it also is an imperfect solution because image heights and caption length vary. As long as you keep your captions to 3 lines or less, it should generally work ok.

  .slideshow-slide-caption {
      position: static !important;
  }
  .entry-content .slideshow-window {
      height: 480px !important;
  }
  .slideshow-controls {
      bottom: 65px;
  }

• 

  helencarvalhido · Member · May 19, 2014 at 11:25 am

  • Copy link

  Thank you – that second approach seems to work better for me…at least with the images I have in place at the moment!

• 

  thesacredpath · Member · May 19, 2014 at 7:35 pm

  • Copy link

  You are welcome.