使用CSS自定义空间布局

在每个页面中，我们已经在 标签中添加了一个生成的CSS类，你可以通过这个类来目标特定的空间进行样式调整。

其中‘spacename’是你正在自定义的名称。

通过在CSS声明前添加这个前缀，你可以轻松地为一个或多个空间更改布局。这给你了完全和绝对的控制权，决定你的空间如何外观和感觉。

下面是一个使用这种方法的例子代码，给你的空间设置了一个90%的水平宽度，并将右边的侧边栏设置为300px。要尝试这个，只需复制并粘贴（确保将‘spacename’替换为你空间的名称）并在管理员部分的CSS自定义形式中保存即可。

.x-custom-space-spacename #axero-community-wrapper{width:90% !important;}

.x-custom-space-spacename #axero-two-col-sidebar-right-sm-rightcol{width:300px !important;}

.x-custom-space-spacename #axero-two-col-sidebar-right-sm-leftcol{margin: 0 -310px 0 0;}

.x-custom-space-spacename #axero-two-col-sidebar-right-sm-leftcol-inner{margin: 0 300px 0 0;}

.x-custom-space-spacename .axero-space-body-main .axero-ultimate-wall-container{width: auto !important;}

要找到生成的‘spacename’，你可以访问你空间页面的源代码，或者使用Firebug查看网页的源代码。当spacename生成后，它会将任何符号或空格替换为一个连字符（-）。