0

这是我客户网站的链接:

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;
}
4

2 回答 2

1

在 customizr 中,您可以添加一些自定义 css style.css,只需对其进行编辑并通过添加以下行来修改滑块:

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

这应该有效

编辑

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

要减少滑块和 3 个圆圈之间的空间,您可以删除margin-top中的说明#main-wrapper

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

于 2013-05-27T12:17:02.077 回答
0

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

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

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

于 2013-11-30T06:46:48.303 回答