Css 滑动滑块忽略自定义设置

Css 滑动滑块忽略自定义设置,css,wordpress,swiper,Css,Wordpress,Swiper,我想创建一个小的滑动滑块,将旋转一个滚动水平条一些标志图像。我已经做了类似的事情,没有问题,但是现在我面临着滑块集成的问题。我使用的图像有不同的大小,但我想给它们一个固定的宽度和高度80px。我已经尝试从css设置这个值,但是设置将被忽略,图像将被拉伸到1280px的宽度,并且它将在图像之间淡入,我不想要这个beahvious。我在同一个页面上有多个swiper实例,但我认为这不会是一个问题,因为我为滑块设置了另一个类,而滑块给了我这个问题。 以下是我正在使用的代码: <?php $arg

我想创建一个小的滑动滑块,将旋转一个滚动水平条一些标志图像。我已经做了类似的事情,没有问题,但是现在我面临着滑块集成的问题。我使用的图像有不同的大小,但我想给它们一个固定的宽度和高度80px。我已经尝试从css设置这个值,但是设置将被忽略,图像将被拉伸到1280px的宽度,并且它将在图像之间淡入,我不想要这个beahvious。我在同一个页面上有多个swiper实例,但我认为这不会是一个问题,因为我为滑块设置了另一个类,而滑块给了我这个问题。 以下是我正在使用的代码:

<?php
$args = array(
'post_type' => 'post',
'name' => 'partners'
);
$logo_img = new WP_Query( $args );
?>
<div class="container" id="">
<div class="row" style="margin-top:1em;margin-bottom:1em;">
<?php if( $logo_img->have_posts() ): while( $logo_img->have_posts() ): $logo_img->the_post();
$logo_gallery = get_post_gallery_images( $post->ID );
if( $logo_gallery ): ?>
<div class="swiper-container partners-slider" id="partners-slider">
  <div class="swiper-wrapper" id="partners-logo-wrapper">
<?php  foreach($logo_gallery as $logo ): ?>
    <img class="swiper-slide partner-logo" src="<?php echo $logo; ?>" alt="" width="80" id="partner-logo"/>
<?php endforeach; ?>
<?php endif; ?>
  </div>
  <div class="swiper-scrollbar"></div>
</div>
<?php endwhile; ?>
<?php endif; wp_reset_postdata(); ?>
</div>

<script type="text/javascript">
    const swiperLogos = new Swiper('.partners-slider',{
      autoplay: {
      delay: 5000,
      },
      slidesPerView: 'auto',
      slidesPerColumnFill: 'row',
      scrollbar: {
        el: '.swiper-scrollbar',
        draggable: true,
      },
    });
</script>

</div>

请尝试
.swiper slide img{width:80px!important;height:80px!important;}

我无法使用此解决方案,因为我有其他滑块,这将应用所有滑块的设置,因为
.swiper slide
是应用于每个滑块图像的主类!您是否尝试过
.swiper slide.partner徽标img{宽度:80px!重要;高度:80px!重要;}
?如果设置
,图像将消失!重要信息
关于宽度,他们为什么要这样做?也许应用于图像的边距或边距有问题?我用于图像的css存在问题,因此您可以看到没有设置任何边距或边距。是我想要的结果,但每行有多个图像。
#partners-slider{
  height: 80px;
  width: 100%;
  background-color: transparent;
}
.partner-logo{
  height: 80px;
  width: 80px;
}