如何自定义此免费主题的横幅宽度？

Question

这是我客户网站的链接：

http://contentchilly.com/

我在 Wordpress 中打开编辑器，发现只有一个与 PHP 相关的滑块。我不知道 PHP，但有一个想法。所以我找到了这个名为“tc_voila_slider.php”的文件，发现它有 3 行，如：

 <img width="1170" height="500" src="<?php echo TC_BASE_URL ?>inc/img/colonnes.jpg" class="slide wp-post-image" alt="<?php _e( 'Create beautiful sliders','customizr') ?>">

在所有三行中，我将宽度更改为 500，高度更改为 200，但没有显示任何更改。如何修改滑块上横幅的宽度和高度？它只是在拉伸我的横幅图像。我还想将滑块向上移动一点。滑块下方有很多空白空间，我想在主页上向用户显示 3 个圆圈，这样他们就不必向下滚动。如何去掉多余的空格？

编辑

另外，我在检查了 firebug 中的图像后将这段代码放在 style.css 中；也没用。

.slide .wp-post-image {
  width=200px;
  height=200px;
}

Answer 1

在 customizr 中，您可以在 style.css 中添加一些自定义 css，只需编辑它并通过添加以下行来修改滑块：

.carousel-image img {
  width: 200px;
  height: 200px;
}

这应该可行

编辑

要更改滑块的位置，您必须修改 .carousel .item, reduce the height` 以使其在您的页面中更高。

要减少滑块和 3 个圆圈之间的空间，您可以删除 #main-wrapper 中的 margin-top 指令。

您可能知道，如果没有完整的图形布局，很难回答这类问题。 CSS 可能很难配置，尤其是当您有很多参数时。

Answer 2

这是一种将 Customizr 滑块的高度设置为 250 像素的方法。根据您的需要更改值。

/* Adjust the Slider Height */
#customizr-slider.carousel .item {
height:         250px;
min-height:     250px;
line-height:    250px;
}

我建议您在自定义程序选项屏幕的自定义 CSS 部分或子主题 (http://www.themesandco.com/snippet/creating-child-theme-customizr/) 的 style.css 文件中进行自定义。 希望这会有所帮助