WordPress 主题 - 找不到样式源文件答案

【问题标题】：WordPress Theme - Can't Find Style Source FileWordPress 主题 - 找不到样式源文件
【发布时间】：2016-07-14 13:50:08
【问题描述】：

对于这个 WordPress 网站，我需要用图片替换链接的边框线。

目前，当您将鼠标悬停在这样的链接上时，会出现黄色边框线：

我想将线条更改为我在 illustrator 中创建的爪印（这是一个关于狗的网站）。

正如您在第一个屏幕截图中看到的，这是 a 链接的样式：

.fusion-main-menu > ul > li > a {
color: #ffde15;
}

.fusion-main-menu > ul > li > a {
border-top: 3px solid transparent;
height: 83px:
line-height: 83px;
font-family: 'Raleway', Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 18px:
}

样式还在继续……

当我查看 WordPress 主题 (Avada) 的样式表 (style.css) 时，我对该字符串执行了命令 + f，它是样式：

.fusion-main-menu > ul > li > a {
border-top: 3px solid transparent;
height: 83px:
line-height: 83px;
font-family: 'Raleway', Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 18px:
}

我需要将“border-top”更改为：

background-image: url (images/"pawprint.png");

但是在 style.css 中找不到确切的字符串。我能找到

.fusion-main-menu > ul > li > a

五次，但我找不到其中包含以下样式的一个：

{
border-top: 3px solid transparent;
height: 83px:
line-height: 83px;
font-family: 'Raleway', Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 18px:
}

我注意到控制台中的前两种样式显示“(index):90”作为源，而其余样式显示“style.css”作为源。什么是“（索引）：90”，我在哪里可以找到它以便我可以进行适当的更改（通过使用子主题）？

【问题讨论】：

不能直接编辑Quick CSS区域，用同一个类添加背景文件吗？ (index):90 表示主题正在从某处提取 CSS 并将其添加到文档的中，在内部
:90 是选择器出现的行号。
@HappyHands31 不，它出现在站点的<head> 中，因此应该在<style type="text/css">...</style> 标记中找到它。您不能在内联样式中使用 CSS 选择器，也就是 style="..."。
不一定，这些样式很可能会被注入<head>。您可能需要查看functions.php 或其他地方。我相信@Garconis 意味着您可以通过网站管理员Admin => Appearance => Editor 将CSS 添加到<head>。
我不熟悉 Avada 主题选项，但是是的，大多数主题都有一个自定义 CSS 区域，用于这些目的......这样您就不必直接编辑任何主题文件。

标签： html css wordpress image wordpress-theming

【解决方案1】：

当您找不到代码的某些部分时，您可以在首选文本编辑器（Sublime、Atom 等）中将主题文件夹作为“项目”打开并搜索所需的字符串。

但无论如何，您始终可以在主题选项中使用 Theme Quick CSS 修饰符。

【讨论】：