css - 高度在wordpress slider 中的位置

Question

我正在尝试减小我的 wordpress 网站上 slider 的大小:

////

slider 为 435 像素，我做了一些研究但找不到位置。

我确实在 style.css 中更改了 slider 高度:

 #slider {
    position:relative;
    width:1000px;
    height:400px;
    background:url(images/loading.gif) no-repeat 50% 50%;

但它仍然显示 435 像素。

谁能帮帮我？

谢谢!

Answer 1

来自 #slider 的 html分区:

<div id="slider" class="nivoSlider" style="position: relative; height: 435px; background-image: url(http://www.webgiants-im.nl/wp-content/uploads/2013/04/internet_marketing_webgiants-im_2.jpg); background-position: initial initial; background-repeat: no-repeat no-repeat;">

可以看到有一个height: 435px在标记中，默认情况下优先于 .css 文件或 <style></style> 中定义的样式 block 。

您可以在您的 css 文件中将高度标记为 !important，这将强制使用该值:

#slider {
    position:relative;
    width:1000px;
    height:400px !important;
    background:url(images/loading.gif) no-repeat 50% 50%;
}

或删除 height: 435px来自 #slider 的 html 标记div，或将其值设置为 400px。

编辑:为了避免您将来遇到一些麻烦，您应该使用网络调试工具，例如 Firebug(适用于 Firefox)或 Chrome 的开发工具(我个人更喜欢后者)，这些可以是 非常有用。我认为如果在大多数流行的浏览器上使用 F12，则键盘快捷键会带来浏览器的开发工具。