Html 如何调整滑块的高度？

我有一个滑块对我来说太大了。我想调整这个大滑块。似乎

height

无法解决此问题

滑块预览：

我的CSS的代码，它似乎位于styles.CSS的滑块部分

#sliderSection{
  float: left;
  display: inline;
  width: 100%;
 /* height: 530px;*/
  overflow: hidden;
  margin-top: 77px; 
}

编辑：以下是HTML代码和CSS：

 <section id="sliderSection">            
    <div class="mainslider_area">
      <!-- Start super slider -->
      <div id="slides">
        <ul class="slides-container">
          <!-- Start single slider-->
          <li>
            <img src="img/slider/2.jpg" alt="img">
            <div class="slider_caption">
              <h2><span>D. Midland</span> Pacific Hotel</h2>
              <p style="color: #000;">Located in the heart of <span>Bauan, Batangas.</span></p>
              <a class="slider_btn" href="#">Read More</a>
            </div>
          </li> 
          <!-- Start single slider-->           
          <li>
            <img src="img/slider/2.jpg" alt="img">
             <div class="slider_caption">
              <h2><span>Online</span> Reservation? <br>We have it covered!</h2>
              <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters.Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search</p>
              <a class="slider_btn" href="#">Read More</a>
            </div>
            </li>
          <!-- Start single slider-->
          <li>
            <img src="img/slider/2.jpg" alt="img">
             <div class="slider_caption">
              <h2><span>Beausiness</span> & Corporate</h2>
              <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters.Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search</p>
              <a class="slider_btn" href="#">Read More</a>
            </div>
           </li>
        </ul>
        <nav class="slides-navigation">
          <a href="#" class="next"></a>
          <a href="#" class="prev"></a>
        </nav>
      </div>
    </div>
  </div>    
  </section>
  <!-- End slider section -->

  <!-- Start Service area -->
  <section id="service">
    <div class="container">
      <div class="col-lg-12 col-md-12 col-sm-12">
        <div class="service_area">
          <div class="service_title">
            <hr>
            <h2>Amenities and Services</h2>
            <p>Experience the hotel that is a place like home.</p>
          </div>
          <ul class="service_nav wow flipInX">
            <li>
              <a class="service_icon" href="#"><i class="fa fa-users"></i></a>
              <h2>Online reservation powered</h2>
              <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
              <a class="read_more" href="#">read more<i class="fa fa-long-arrow-right"></i></a>
            </li>
           <li>
              <a class="service_icon" href="#"><i class="fa fa-gears"></i></a>
              <h2>Affordable Prices!</h2>
              <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
              <a class="read_more" href="#">read more<i class="fa fa-long-arrow-right"></i></a>
            </li>
            <li>
              <a class="service_icon" href="#"><i class="fa fa-support"></i></a>
              <h2>A comfortable place to stay</h2>
              <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
              <a class="read_more" href="#">read more<i class="fa fa-long-arrow-right"></i></a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </section>
  <!-- End Service area -->

米德兰太平洋酒店



在线预订<我们已经搞定了！
长期以来，读者在查看页面布局时会被页面的可读内容分散注意力，这是一个既定事实。使用Lorem Ipsum的意义在于，它的字母分布或多或少是正态的。许多桌面出版软件包和网页编辑器现在使用Lorem Ipsum作为默认的模型文本，并进行搜索



美丽与企业
长期以来，读者在查看页面布局时会被页面的可读内容分散注意力，这是一个既定事实。使用Lorem Ipsum的意义在于，它的字母分布或多或少是正态的。许多桌面出版软件包和网页编辑器现在使用Lorem Ipsum作为默认的模型文本，并进行搜索




设施和服务
体验一下像家一样的酒店


在线预订
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变



价格实惠！
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变



舒适的住处
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变

---

如有任何帮助，将不胜感激。

以下是Outlook主题的文档，与您正在使用的主题类似，请阅读：

---

它建议您确保所有图像都相同。图像是1920 x 900，我想如果你想要更短，你可以将比例从2:1（就像这个1920 x 900大小）降低到3:21200x400。调整图像的大小，直到您喜欢的高度。

您好，您可以如下设置滑块图像的高度

<style>section#sliderSection li img{height:500px;}</style>

section#sliderSection li img{高度：500px；}

添加您的html代码请确保您没有将滑块设置为

位置：相对
该
滑块部分不具有该属性，但其他css代码似乎具有该属性。但我不太确定这是否与调整大滑块的高度有关。使用
滑块部分
标记。它需要更多上下文来回答问题。你在你的网站上或者你从哪里获得代码片段的地方，有没有一个指向正在运行的代码的链接？恐怕我现在还没有。我正在使用本地计算机。我尝试了另一个图像，但我认为它仍然无法修复它。我认为可以解决这个问题的是一个自动调整图像高度的代码。。。但是我不知道该把它放在什么地方。请提供你正在使用的主题的实时url。谢谢我已经将该网站的示例上传到我的免费托管帐户：kensixx.x10host.com/dmidlandbluen您可以选择要用于主页的滑块吗？如果是这样，请选择一个超级滑块以外的默认全屏。否则，您需要更新custom.js中的js调用，以在默认情况下为高度而不是“window”添加回调。文档中有更多信息：嗨，如果我的答案对你的问题有效，请投票表决。谢谢我试着把我的页面放在标题部分，但仍然不起作用。。