修改第二十一个子主题css-如何更改正文字体大小?

时间:2011-08-07 作者:Richard

我创建了一个twentyeleven儿童主题并将其激活。

我正在尝试增加所有页面的正文字体大小。

我做这件事很时尚吗。儿童主题的css?

我在此文件中找不到要更改的正确字体。

为了找到它,我搜索了所有10px、11px、12px、13px、14px、15px和16px,并将它们全部更改为20px,但我网站上正文文本的字体大小没有增加。

我知道我正在改变风格。css正在工作,因为其他事情正在改变(例如,菜单字体大小)。

1 个回复
最合适的回答,由SO网友:Chris_O 整理而成

TwentyEleven中的正文字体大小列在style中的第316行。css

body, input, textarea {
    color: #373737;
    font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 1.625;
}
将其复制到您的子主题样式表中,并将15px更改为20px。

如果您已经这样做了,但它不起作用,请确保您的孩子主题风格。css具有正确的标题:

/*
Theme Name: Twenty Eleven Child
Description: Child theme for the Twenty Eleven theme 
Author: Your name here
Template: twentyeleven
*/

@import url("../twentyeleven/style.css");

/* Add your over ride rules below this line */
如果需要调试样式表并查看浏览器正在使用哪些规则,可以使用webkit inspector included with Chrome 或者Firebug Firefox plugin.

要使用Chrome inspector,请高亮显示要检查的部分,然后单击鼠标右键并选择“检查元素”。

您还可以动态更改css以查看它们的外观。(刷新页面时不会保存更改)。

请参见下面的屏幕截图:

enter image description here

结束

相关推荐

有条件地加载快捷码的JavaScript/CSS

我发布了一个插件,该插件创建了一个短代码,并要求在包含该短代码的任何页面上加载一个JavaScript文件和一个CSS文件。我可以在所有页面上加载脚本/样式,但这不是最佳做法。我只想在调用短代码的页面上加载文件。我找到了两种方法,但都有问题。Method 1 在shortcode处理程序函数内将标志设置为true,然后在wp_footer 回调。如果这是真的,它使用wp_print_scripts() 加载JavaScript。问题是它只适用于JavaScript,而不适用于CSS,因为CSS应该在内部声