Question

在wordpress的一篇文章中，我发布了here所描述的源代码。

代码示例如下：

[code language="csharp"]
   // Code goes here
[/code]

结果如下：

我想要做的是更改字体大小并将其缩小。

我已经检查了代码的元素，它提供了以下内容：

我尝试使用Simple Custom CSS插件添加自定义css来更改字体大小但无济于事。我尝试过的CSS如下：

code {
    font-size: 10px;
}

.csharp plain {
    font-size: 10px;
}

.csharp keyword {
    font-size: 10px;
}

如何更改代码的字体大小？

Answer 1

您的元素似乎是页面的一部分，因此自定义CSS应该可以工作。很可能它不起作用，因为另一个样式表（可能是WordPress.com默认值）的CSS规则更强或更具体。

尝试使用CSS！important规则：

code {
    font-size: 10px !important;
}

.csharp plain {
    font-size: 10px !important;
}

.csharp keyword {
    font-size: 10px !important;
}

如果仍然无效，请使用具有重要规则的更具体的CSS选择器。

如果仍然无效，您的自定义样式表尚未应用，您必须检查配置。

Answer 2

您正在尝试根据其css类设置元素样式，但您的代码没有＆＃34;。＆＃34;在他们的名字之前基于链接示例：

.syntaxhighlighter { font-size: 10px; }

应该这样做。

Answer 3

在WordPress上更改代码的字体大小非常简单。这就是你需要做的。

<强> 1。从Visual标签切换到编辑器中的html标签

<强> 2。使用以下标记包围您的代码： <pre><code><span style="font-size: small;"> YOUR CODE GOES HERE</span></code></pre>

例如：

就是这样。

这就是我的代码在预览模式下的样子之前我使用了这些标签（我使用[language= "java"]时）

这就是使用标签的 AFTER ：

可用的字体大小为xx-small, x-small, small, medium, large, x-large, xx-large.

如果您不熟悉html，建议切换回可视标签。希望这很有帮助