【问题标题】:margins for Twenty Twelve theme二十十二主题的页边距
【发布时间】:2014-01-12 21:49:03
【问题描述】:

通过 Style.css 主题挖掘,我可以找到如何更改 2 种边距:

  1. 浏览器边框和网站页面之间的边距
  2. 网站页面边框和网站内容之间的边距。

我是为我的网站http://raigle.net 做的。见图片上的Margin 1和Margin 2:

我不是 Wordpress 样式方面的专家,我很乐意听取任何建议!

【问题讨论】:

  • 那里没有边距,只有填充。使用 chrome 的检查器先玩一下,看看你不明白的地方,然后你可以尝试在这里发布你的代码。
  • 谢谢,要多注意如何与Inspector合作

标签: css wordpress


【解决方案1】:

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

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

很漂亮。

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

【讨论】:

  • 是的,这将帮助我找出正确的类:ui-content 和 .site 以及它们的填充属性。
【解决方案2】:

关于margin1:

不是margin,是padding:

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

关于margin2:

也不是margin,是padding:

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

【讨论】:

    【解决方案3】:
    1. http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css - 第 12 行 - 更改 .ui-content 的填充样式 {

    2. http://raigle.net/wp-content/themes/twentytwelve-child/style.css,wp-content/plugins/easy-fancybox/fancybox/jquery.fancybox-1.3.6.pack.css

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

    【讨论】:

    • 感谢您指出文件,尤其是 !important 属性。现在我可以针对移动设备微调网站了。
    猜你喜欢
    • 2014-01-21
    • 1970-01-01
    • 2015-05-26
    • 1970-01-01
    • 2013-10-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多