Question

以下是我客户网站的链接：

我在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

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

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

这应该有效

修改

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

要缩小滑块与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文件中进行自定义。希望这有帮助

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

2 个答案:

修改