Question

我正在使用wp主题Mercor - http://mercor.premiumcoding.com/demo.php - 主题包含一个全宽背景颜色的滑块。

我需要将这种颜色变成一个图像 - 我一直在搜索，无论我做什么，图像似乎都没有显示出来。我不确定我是否应该将bg编码放入CSS或滑块所在页面的html中。

我知道图片需要进入#slip-wrapper - 但我尝试过的东西都没有用。

帮助。

Answer 1

尝试在自定义css脚本中的.anythingSlider元素中添加背景样式。我建议在样式中添加！important ，这样无论主题中的其他样式是什么，它都能正常工作。

.anythingSlider {
    background-image:url("http://address/to/your/image.jpg") !important;
}

不要忘记设置所需的任何重复属性。

Answer 2

似乎背景颜色放在这个div上：id =“slider-wrapper”

这个css是在选项css上你可以用你的浏览器检查，我使用chrome：

media="all"
#contactform .contactbutton .contact-button:hover, .gototop, .role, .team .icon img,      .pagewrap, .blogpostcategory .posted-date .date-inside, #slider-wrapper, .errorpage, .content ol.commentlist li .reply a, .blogpostcategory .comment-inside, ins, .widget_login .submitbutton, .widget_price_filter_custom .ui-slider .ui-slider-handle, .widget_price_filter_custom .ui-widget-content, .item4 .image, .item3 .image, .item2 .image, table.shop_table .carButtons .button:hover, table.shop_table .coupon .button:hover, .cartTopDetails .product_list_widget .buttons a:hover, .widget_price_filter_custom .price_slider_amount .button:hover {
background: #35C2D8;

只需更改背景属性：

background-image: url("the url for your background image")

告诉我它是否有效。它适用于我使用chrome检查器：

background-image: url("http://www.poleronesparacolegios.com/poleron.jpg");

也许你正在使用的wordpress主题有一个管理选项，用于在不对css文件进行硬编码的情况下更改背景。

Answer 3

删除此内容：background: #35C2D8;

并添加以下行：background: url(yourimage.jpg);

在包装中的背景图像

3 个答案: