Twenty Twelve主题的边距

时间:2014-01-12 21:49:03

标签: css wordpress

通过Style.css主题,我想找到如何改变两种边距:

  1. 浏览器边框与网站页面之间的保证金
  2. 网站页面边框与网站内容之间的保证金。
  3. 我是为我的网站http://raigle.net做的。请参见图片中的边距1和边距2:

    enter image description here

    我不是WordPress风格的专家,很乐意接受任何建议!

3 个答案:

答案 0 :(得分:1)

在寻找样式时,您可以使用Chrome的Inspector。

右键单击元素>检查元素。看起来你有一个充当叠加层的元素。只需删除(在元素面板中选择然后点击删除)节点,然后重试。

非常漂亮。

http://i.imgur.com/EfCARba.png

答案 1 :(得分:0)

  1. http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css - 第12行 - 更改.ui-content {

  2. 的填充样式 <{3}}

    中的
    • 您必须更改div.site的填充。你可能需要为这个添加!important clausule,因为这个样式会被其他几个文件覆盖

答案 2 :(得分:0)

关于margin1:

它不是保证金,而是填充:

.ui-content {
border-width: 0;
overflow: visible;
overflow-x: hidden;
padding: 15px;  /*  change here  */
}

关于margin2:

它也不是边距,它是填充:

.site {
padding: 0 24px;  /*  change here  */
padding: 0 1.714285714rem;  /*  change here  */
background-color: #FFF;
}