1 Topic by DCor (edited by DCor 2014-10-07 12:35:54)

  • DCor
  • Member
  • Offline
  • Registered: 2014-03-28
  • Posts: 6

Topic: Image Title vertical position

Hi Steven,

I have a problem with vertical alignment of the image title, which seems to be Bottom (JuiceBox Pro, 1.4.2). I'd like to have it set to Middle position.

http://asdaroth.com/misc/Title.jpg
Here is the gallery link: http://www.asdaroth.com/Zakynthos2014/index.html

I tried to add this to index.html, but it didn't work (just the font size was changed):

.jb-caption .jb-caption-title {
        font-size: 13px !important;
        vertical-align: middle;
    }

    .jb-caption p  {
        font-size: 13px !important;
        vertical-align: middle;
    }

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Image Title vertical position

As all your image titles are just a single line of text, it might be easier to just increase the maxCaptionHeight so that the text is vertically centered within the caption area.

Otherwise, to vertically center an image title using CSS, you could try something like the following:

.jb-cap-content.jb-caption-title  { 
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}