【问题标题】:change font size of posts in blogger更改博客中帖子的字体大小
【发布时间】:2014-06-29 05:48:03
【问题描述】:

我正在尝试更改我在博客 http://www.aspensummit.co 上的帖子中的字体大小,但我无法在 html 部分中找到正文/帖子的字体大小来更改它。我能够毫无问题地更改我的标题菜单链接和侧边栏标题大小,但实际的博客文章给我带来了麻烦。是否可以在自定义模板设置中添加 css 覆盖来解决此问题?

【问题讨论】:

    标签: html css fonts blogger


    【解决方案1】:

    正文从您的文件 summer-to-do-list.html 中的这个 css 规则继承字体样式。

    .post-body, .post-footer, .home-link, .older-link, .newer-link {
        font:400 11.5px'Raleway', sans-serif;
        line-height:1.6;
    }
    

    如果您可以更改此规则,则通过将11.5px 替换为font:400 11.5px'Raleway', sans-serif; 来设置任何font-size 将更改字体大小。

    但是,如果您无法更改该规则,则添加更具体的规则将覆盖此样式,例如:

    body .post-body, .post-footer, .home-link, .older-link, .newer-link {
        font:400 14px'Raleway', sans-serif;
    }
    

    您也可以尝试!important,但不建议这样做:

    .post-body{
        font:400 14px'Raleway', sans-serif !important;
        line-height:1.6;
    }
    

    或者可能是包含ID 的更具体的 css 选择器,例如:

    div[id^='post-body-']{
        font-size:16px;//Or any value.
    }
    

    这里 [id^='post-body-'] 是一个 css 选择器,用于所有 id 以 post-body- 开头的元素。

    【讨论】:

    • 谢谢!!我找到了 11.5 像素并更改为 14 像素 - 第一次尝试完全成功 =)
    • 太棒了!您可以将其标记为答案以关闭此问题!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-02-13
    • 1970-01-01
    • 1970-01-01
    • 2021-06-11
    相关资源
    最近更新 更多