• Hi,

    I have a site that I’m working on with a featured content gallery on the front page that I’ve build and customized myself.

    I’ve created the structure and the CSS so that text/title appears over the thumbnail when you hover over it, which works fine on Firefox but needs to be clicked on for text/title to appear on Safari.

    I’m pretty sure it’s a CSS issue but can’t seem to figure out where the actual problem is coming from.

    The site is https://nouvellelondon.com/isys

    The problem i have is with the second gallery showing 4 thumbnails.

    Thanks in advance!
    Shane

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter sweetandsound

    (@sweetandsound)

    Sorry, below is the php script if that helps ??

    /**
     * jQuery Scrollable2
     */
    function isys_scrollable2( $cat = 1, $entry_id = 1, $orderby = 'date' ){
      // default start
        $start = 1;
    ?>
    <section class="image-slider2 clearfix">
      <div class="scrollable2" id="scrollable-2">
        <div class="items">
          <?php
              // get all available items
                $_query = new WP_Query(array('cat' => $cat, 'posts_per_page' => 100, 'post_status' => 'publish', 'orderby' => $orderby, 'order' => 'ASC'));
                if($_query->have_posts()):
                  $_items = array();
                  $i = 1;
                  while($_query->have_posts()): $_query->the_post();
                    // start
                      if( get_the_ID() == $entry_id ): $start = $i; endif;
                    // items
                      $_items[ $i++ ] = array(
                                                'id'        => get_the_ID(),
                                                'permalink' => get_permalink(),
                                                'thumbnail' => get_the_post_thumbnail(),
                                                'title'     => get_post_custom_values('Title'),
                                                'category'  => get_post_custom_values('Category'),
                                                'excerpt'   => get_the_excerpt()
                                              );
                  endwhile;
                endif;
              // splice and rearrange items
                $slice = array_splice($_items, 0, $start);
                array_splice($_items, count($_items), 0, $slice);
            ?>
            <?php if( count($_items) > 0 ): $i = 0; $_count = count( $_items ); foreach( $_items as $_item ): ?>
              <?php if( $i == 0 OR $i%4 == 0 ): ?>
                <ul>
    
              <?php endif; ?>
              <li><a href="<?php print  $_item['permalink']; ?>"><div class="entry-preview"><?php print $_item['thumbnail']; ?><div class="custom-field-title"><?php print $_item['title']['0']; ?><span><?php print $_item['category']['0']; ?></span><div class="gallery-excerpt"><span><?php print  $_item['excerpt']; ?></span>     </div></div></div></a></li>
              <?php $i++; if( ( $i == $_count ) OR ( $i > 0 && $i%4 == 0 ) ): ?>
    
                </ul>
              <?php endif; ?>
            <?php endforeach; endif; ?>
        </div>
      </div><!-- .scrollable -->
    </section><!-- .image-slider -->
    <?php
    }
    Thread Starter sweetandsound

    (@sweetandsound)

    I’ve only realized that the hover problem isn’t just not working on images, but the whole site! And only on Safari!

    I have absolutely no idea why this might be, as I had only made a few css changes, but nothing out of the ordinary.

    If anyone might have any suggestions i would really appreciate it!

    Thanks,
    Shane

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Image Hover not working on safari’ is closed to new replies.