как скрыть область заголовка слайдера nivo и сделать слайды кликабельными

У меня есть слайдер nivo на моей странице, но я не могу понять, как сделать так, чтобы слайды можно было щелкнуть по страницам, и удалить нижнюю область, где идет заголовок? Вот HTML:

<div id="content">
<div id="wrapper">
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<a href="/GrantInfo/NonProfitPartners.html"><img src="nivo-slider/demo/images/moorecenter.jpg" data-thumb="images/moorecenter.jpg"/></a>
<a href="/GrantInfo/NonProfitPartners.html"><img src="nivo-slider/demo/images/AIR.jpg" data-thumb="images/AIR.jpg" alt="AIR Seacoast" data-transition="slideInLeft"/></a>
<a href="/Programs+Publications/Publications.html"><img src="nivo-slider/demo/images/circle.jpg" data-thumb="images/circle-program.jpg" alt="Circle Program Plymouth" data-transition="slideInLeft"/></a>
<a href="/GrantInfo/NonProfitPartners.html"><img src="nivo-slider/demo/images/wholevillage.jpg" data-thumb="images/wholevillage.jpg" alt="Whole Village Plymouth"/></a>
</div></div>

Вот CSS для подписей:

.nivo-caption {
display: none !important;
}

.nivo-html-caption {
display:none;
}

slider jquery css nivo-slider
person user2091942    schedule 21.02.2013    source источник
comment
Вот ссылка на тестовый сайт wfnh.org/test/index.html.   -  person user2091942    schedule 21.02.2013

Ответы (3)


arrow_upward
2
arrow_downward

Удалил его, используя следующий код:

div.nivo-caption { display: none !important; }

person Surender    schedule 29.06.2017

arrow_upward
0
arrow_downward

Надеюсь, это поможет, вот как я настроил его для Wordpress, поэтому, если вы используете прямой HTML, просто вставьте ссылку, затем изображение внутри нее, а затем закройте ссылку.

<div class="nivoSlider">
    <?php if(get_field('banner_images')): ?>
        <?php while(the_repeater_field('banner_images')): ?>
            <a href="<?php echo the_sub_field('image_link', $row); ?>">
                <img src="<?php echo the_sub_field('image', $row); ?>" alt="Site Name" title="<?php echo the_sub_field('image_description'); ?>" />
            </a>
        <?php endwhile; ?>
    <?php endif; ?>
</div>
person Rob    schedule 18.04.2013

arrow_upward
0
arrow_downward

чтобы удалить область заголовка (описания), где бы она ни находилась внизу или посередине, добавьте следующий стиль

.nivoSlider-desc { display: none;    }
person Iman    schedule 03.05.2014