TWENTYFOURTEEN宽度修改对应

TWENTYFOURTEEN是一个简介明快的官方主题,有一些界面问题需要自己处理一下就锦上添花了。

问题1:右侧空白;问题2:内容宽度过窄;

转自:http://www.stalvan.com/205.html

1.右侧空白

首先要解决的问题就是整个网站右侧的空白,在网上看到有人说这是因为 Twenty Fourteen   CSS 中设置了 .site .site-header 属性

max-width: 1260px;

这即意味着网页最大只能显示1260px的宽度,这显然低于一些高分辨率屏幕的尺寸,修改的办法就是在 style.css 末尾添加下面的代码,覆盖掉原来的样式:

1

2

3

4

.site,

.site-header {

max-width: 100%;

}

 2.内容宽度

Twenty Fourteen  中留给中间正文内容的宽度比较窄,主要原因是还要为右侧边栏留出空间

01

02

03

04

05

06

07

08

09

10

11

12

13

14

.site-content .entry-header,

.site-content .entry-content,

.site-content .entry-summary,

.site-content .entry-meta,

.site-content .navigation,

.comments-area,

.page-header,

.page-content {

max-width: 70%; // put the width you like here

}

.site-content header .entry-meta {

max-width: 100%;

}

《TWENTYFOURTEEN宽度修改对应》有1个想法

评论已关闭。