如何使特定的 tumblr 页面具有网格布局？

Question

我的 Tumblr 是 http://00100101.com。我想在一页上显示 3 个单位的网格视图 http://00100101.com/store 我想保持整个网站（侧边栏）的整体格式，只是改变我商店页面内容的视图

我已经尝试在 Tumblr 上添加自定义 CSS，但没有任何反应

Answer 1

你的 post 被包裹在 div#entries 中，每个 post 都有 .posts class，所以要形成一个 3 列的网格使用这个.

编辑：将其应用于商店页面。

body.store .text > center {
    width:33.334%;
    float:left;
    display:block;
    padding:0px;
}
body.store .posts img {
    max-width: 100%;
}

并添加 class="store" 到你的 <body> 赞

<body class="store">

这是上面 CSS

的输出

请注意，您需要在 HTML

中编辑 .posts

How to a make a specific tumblr page have a grid layout?