我正在我的wordpress网站上工作,最近有一个名为Visia的新主题。 经过几天的搜索,我终于找到了社交按钮周围圆圈的悬停效果所在的位置。 但是只有一个问题:图标具有自己的CSS文件。 我希望圆圈(边框颜色)和图标(颜色,它们都有图标字体)都可以在一个悬停时更改颜色。 现在我在icons.css中对此进行了更改

.icon-linkedin:hover {
    border-color:#06C;
    opacity::1;
    color:#06C; 
}

另一个还没有悬停,因为我试图将这个类(style.css)引用到icons.css

.social-links a:hover {
    ???
}

边框的颜色应与图标的颜色相同(因为社交链接不同,因此颜色也不同)

如果有人可以帮助,那就太好了...

提前致谢!

===============>>#1 票数:0

像这样简单地覆盖它:

.icon-linkedin:hover {
    border-color:007bb6;
    color:007bb6; 
}

并根据需要添加!important

.icon-linkedin:hover {
    border-color:007bb6 !important;
    color:007bb6 !important; 
}

===============>>#2 票数:0

我已通过从其他一些类(实际上是给边框的类)中删除边框并将其添加到已经存在的图标类中来解决此问题。 我还向该类添加了一个悬停功能,从而可以同时更改颜色和边框颜色。

  ask by user3552847 translate from so

未解决问题?本站智能推荐:

2回复

WordPress不阅读样式表

我是Wordpress开发的新手。 我正在学习开发一个新主题。 我知道,对于wordpress主题,只有两个绝对必要的文件。 为了进行测试,我创建了一个index.php文件和style.css文件,并尝试将其用作主题。 但是我在这样做时面临着问题。 正在读取index.php文件
3回复

覆盖Wordpress默认样式表

美好的一天。 我正在使用Wordpress主题,并且想添加自己的自定义CSS。 现在,我尝试在header.php文件中所有其他php样式表调用之后添加自己的单独样式表。 我尝试在Appearance> Editor中编辑样式表,甚至将!important添加到所有样式中。 但
1回复

使用Wordpress页面作为样式表?

我希望能够通过在后端使用Page代替默认的style.css文件来编辑WordPress主题的CSS。 我之前已经看过它作为页面模板完成了,但是我自己似乎无法弄清楚。 我在多站点上使用WordPress 4.7.2版本。 我希望CSS在主题激活时生成,因此使用Page。 如果这是
1回复

没有样式表在WordPress中期望菜单

我安装了一个新主题并正在编辑菜单,然后站点中断了。 只有菜单CSS是好的,然后在图像的地方,我看到数组代码,没有CSS正在工作。 CSS不适用于任何主题。 请找到CSS和帮助
2回复

由于缺少样式表,无法识别WordPress主题

我最初尝试通过WordPress仪表板安装主题失败,并给了我以下错误:主题缺少style.css样式表。 因此,我手动将解压缩的文件上载到wp-content / themes下的New Theme文件夹中。 现在,我正在wp-content / themes文件夹中查看我的css文件,
2回复

WordPress正在导入我的链接样式表页内

我在WordPress上遇到了一个非常奇怪的错误。 我使用以下代码将样式表导入模板(使用了数百个其他主题,但没有任何问题); 但是出于某些原因,WordPress吐出来了; 样式都可以很好地加载,所以直到现在我还没有注意到它,但是我真的不希望它们出现在页面中。 有人遇到过这个
2回复

wp_enqueue_style和rel而不是样式表?

我创建(或更好地尝试)用Less创建我的第一个WordPress主题。 我所做的是在我的functions.php中使用这样的脚本 结果是: 问题是,当我使用wp_register_style()函数时,我可以以某种方式更改rel =“stylesheet”吗?
2回复

在WordPress中使用多个样式表

我目前正在基于它们的“ _s”创建一个新的WordPress主题。 有人可以向我解释如何将style.css文件拆分为几个文件,以使其更易于管理吗? 例如,我想在/ css文件夹中存储一个layout.css,typography.css和other.css文件。 我该如何设置。
2回复

父样式表覆盖了WordPress子主题样式

我遵循官方和非官方指南,但是我似乎无法在儿童主题中获得某些样式来覆盖其父母样式。 对我来说,目前唯一的解决方案是直接修改主样式表,这很烦人,因为每次更新该主题时,样式表都会被覆盖。 我知道子表格的工作方式是我设置的某些样式确实可以显示。 我正在使用的主题是带有自定义子主题的二十
1回复

正确使用WordPress样式表中的URL

我一直在研究很多关于在CSS中使用相对路径和绝对路径的优点/缺点的信息。 阅读完此讨论后,我开始认为绝对是我应该使用的。 我完全不担心跨域兼容性问题。 我主要关心的是网站的重量。 将所有这些绝对URL放入样式表中是否会创建一堆服务器请求? 还是有其他方法可以使绝对网站陷入困境?