Question

我有这个页面：

http://test2.dac-proiect.ro/wp/

在这里，您可以找到适用于Wordpress的滑块（Revelution Slider）插件。

我想改变这些箭头的颜色。

http://i62.tinypic.com/6tlrp1.jpg

我试图检查引用此颜色代码的代码，但遗憾的是我还没找到。

也许这是非常简单但却无法弄清楚如何解决这个问题。

你可以帮我解决这个问题吗？

提前致谢！

Answer 1

转到self.set_constraint() 第10904行并将init()属性更改为：

wp-content/themes/mix/css/template.css

将鼠标移动到箭头时会改变颜色。

但是你仍然不会得到完美的蓝色，因为background-color 10904行有.tparrows:hover{ background-color:blue }属性所以如果你想要完美的蓝色，那么也改变它：

box-shadow

如果您有任何疑问，请告诉我。

Answer 2

通过Revolution Slider中的StyleSheet更改导航箭头的样式

您可以将以下行添加到样式表中：

打开滑块设置
展开导航部分
将导航箭头更改为“solo”
将样式更改为“圆形”
打开任何样式表（即外观/编辑）
更改以下类的样式：

.tparrows .tparrows.default .tp-rightarrow .tp-leftarrow

例如：

.tparrows {
background: rgba(0, 0, 0, 0.5) !important;
-webkit-border-radius: 0px;
border-radius: 0px;
width: 40px !important;
height: 40px !important;
top: auto !important;
}

.tparrows.default:after {
color: #999;
font-size: 25px;
position: absolute;
z-index: 10;
width:40px;
line-height:40px;
text-align:center;
font-weight: 300;
top:0px; left:0px;
font-family: 'fontello';
}

.tp-rightarrow.tparrows.default:after { content: 'e75e'; }
.tp-leftarrow.tparrows.default:after { content: 'e75d'; }

有关详细信息，请在此处查看：http://www.themepunch.com/faq/change-the-navigation-arrow-in-the-slider/

希望它对你有所帮助。

如何更改这些箭头的颜色？

2 个答案: