调整WordPress自带的twentyfourteen主题

最近发现WordPress的twentyfourteen主题没有完全利用好大屏幕,显示的内容比较少,于是就开始着手修改twentyfourteen主题的style.css。

首先呢,可以看到style.css下有最大宽度的限制,max-width: 474px,简直是坑啊(╯‵□′)╯︵┻━┻

于是先sed -i 's/max-width: 474px/max-width: 774px/' style.css

把最大宽度改到774px,当然这个数值也可以更大,或者直接改为auto。

其次修改如下部分的CSS,大概在4060行附近

@media screen and (min-width: 1260px) {
                .site-content blockquote.alignleft,
                .site-content blockquote.alignright {
                width: -webkit-calc(90% + 18px);
                width:         calc(90% + 18px);
                }

                .site-contentblockquote.alignleft{
                margin-left: -8%;
                }

                .site-contentblockquote.alignright{
                margin-right: -8%;
                }
}

还需要删去846行附近.site-header和820行附近.site下的

                max-width: 1260px;

声明: 本文为0xBBC原创, 转载注明出处喵~

发表评论

电子邮件地址不会被公开。 必填项已用*标注