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

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个圆圈，因此用户不必向下滚动。如何摆脱多余的空间？

编辑

[另外，我在检查萤火虫中的图像后，将这段代码放在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个圆圈之间的空间，您可以删除margin-top中的#main-wrapper指令。

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

Answer 2

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

/* 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文件中进行自定义。希望对您有所帮助