Viewing 4 replies - 1 through 4 (of 4 total)
  • Yes – it would be great if each layout had an option to display/hide the image title/caption. ??

    You could do that using CSS as in below not sure how you would link this to gallery though. Not looked at the layout if already has a way to display the title then you would need to modify the CSS for the title to make it hover

    Thread Starter stratsocaster

    (@stratsocaster)

    This is my CSS. It works on a single linked image, but not on the galleries. Even if i put it inside the gallery’s custom CSS it does nothing.

    .wp-caption {
      display: block;
      max-width: 96%;
      padding: 3px;
      position: relative;
      text-align: center;
    }
    .wp-caption-text {
      background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
      top: -5px;
      color: #FFFFFF;
      display: block;
      filter: alpha(opacity=0);
      font-family: Open Sans, Helvetica, Arial, sans-serif;
      font-size: 13px;
      left: 8px;
      margin: 0;
      max-width: 100%;
      opacity: 0;
      padding: 5px 10px !important;
      position: absolute;
      right: 8px;
    }
    .wp-caption a:hover ~ .wp-caption-text {
      filter: alpha(opacity=100);
      opacity: 1;
      -webkit-transition: opacity 500ms ease-in-out;
      -moz-transition: opacity 500ms ease-in-out;
      -ms-transition: opacity 500ms ease-in-out;
      -o-transition: opacity 500ms ease-in-out;
      transition: opacity 500ms ease-in-out;
    }

    Yes – I’ve been customising the CSS, but just thought it would be good to have this flexibility out of the box.

    I changed my mind though – there are UX concerns with hover text on touch devices (foo seems as good as it could be), so I’ve gone with the Simple Portfolio template, targeting these elements –

    .bf-item.bf-loaded {}
    .bf-item.bf-loaded:hover {}
    .foogallery-simple_portfolio .bf-item > h4 {}
    .foogallery-simple_portfolio .bf-item > p {}
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘captions on hover masonry?’ is closed to new replies.