Viewing 1 replies (of 1 total)
  • Hello!

    I did that. Arrows on the sides of the Slides (no over)

    You need to update the file:
    plugins/slideshow-gallery/views/default/ccs-responsive.php (if responsive ON)
    or
    plugins/slideshow-gallery/views/default/ccs.php (if responsive OFF)

    Modify lines #26 #27
    #<?php echo $styles[‘wrapperid’]; ?> #imgprev<?php echo $unique; ?> { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; left: -44px; background:url(‘images/left.png’) left center no-repeat; text-indent: -9999px; width:40px; overflow: visible;}
    #<?php echo $styles[‘wrapperid’]; ?> #imgnext<?php echo $unique; ?> { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; right: -44px; background:url(‘images/right.png’) right center no-repeat; text-indent: -9999px; width:40px; overflow: visible;}

    I added LEFT/RIGHT (the arrow size) ad OVERFLOW:VISIBLE

    and MODIFY the file plugins/slideshow-gallery/views/default/gallery.php

    Starting #135

    <?php $navb = false; $navf = false; ?>
    <?php if ($options[‘shownav’] == “true” && count($slides) > 1) : ?>
    <?php $navb = “imgprev”; ?>
    <div id=”imgprev<?php echo $unique; ?>” class=”slideshow-imgprev imgnav” title=”<?php _e(‘Previous Image’, $this -> plugin_name); ?>”><?php _e(‘Previous Image’, $this -> plugin_name); ?></div>
    <?php endif; ?>
    <?php if ($options[‘shownav’] == “true” && count($slides) > 1) : ?>
    <?php $navf = “imgnext”; ?>
    <div id=”imgnext<?php echo $unique; ?>” class=”slideshow-imgnext imgnav” title=”<?php _e(‘Next Image’, $this -> plugin_name); ?>”><?php _e(‘Next Image’, $this -> plugin_name); ?></div>
    <?php endif; ?>

    <style>
    .slideshow-fullsize {width:100%; height: $options[‘height’]; }
    </style>

    <div class=”slideshow-fullsize” id=”fullsize<?php echo $unique; ?>”>

    <div id=”image<?php echo $unique; ?>” class=”slideshow-image”></div>
    <?php if ($options[‘showinfo’] == “true”) : ?>
    <div class=”slideshow-information” id=”information<?php echo $unique; ?>”>
    <h3 class=”slideshow-info-heading”>info heading</h3>
    <p class=”slideshow-info-content”>info content</p>
    </div>
    <?php endif; ?>
    </div>

Viewing 1 replies (of 1 total)
  • The topic ‘Moving navigation arrows and description’ is closed to new replies.