Question

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

目前，当您将鼠标悬停在以下链接上时，系统会显示黄色边框线：

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

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

.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:
}

我需要更改＆＃34; border-top＆＃34;对此：

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:
}

我注意到控制台中的前两个样式显示＆＃34;（索引）：90＆＃34;作为源，而其余的样式显示＆＃34; style.css＆＃34;作为来源。什么是＆＃34;（索引）：90＆＃34;我在哪里可以找到它以便我可以进行适当的更改（使用子主题）？

Answer 1

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

但无论如何，你总是可以在主题选项中使用Theme Quick CSS修饰符。

Answer 2

只需将所有样式表放在目录wp-content \ themes \ twentyeleven \ css中即可。只需将代码放在下面即可链接所有这些 -

<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/style1.css" />
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/style2.css" />
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/style3.css" />
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/style4.css" />

WordPress主题 - 无法找到样式源文件

2 个答案: