最近发现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;