css - 我的 wordpress 主题样式错误(socialvirall)

Question

我的站点是 yamf.us，我使用的是 socialvirall 主题。我在编辑style.css的时候，index页面没问题，但是page或者post错误，你能帮我解决这个问题吗。

我的链接:http://yamf.us/2015/12/07/listen-to-the-piano-guys-take-you-through-50-years-of-batman/

mythemeshop链接:http://demo.mythemeshop.com/sociallyviral/2015/12/07/listen-to-the-piano-guys-take-you-through-50-years-of-batman/

Answer 1

您的问题出在这个 css 中:

div#page.single, #page.error, .woocommerce #page {
    background: #fff;
    float: left; // right here. this is your main container. usually you don't want to have it float
    width: 100%;
    padding: 25px;
    box-sizing: border-box;
    margin-top: 60px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}

我不知道你想要达到什么目的，但如果你需要 float:left，最简单的方法是添加到 div#page.single，#page。错误，.woocommerce #page 这个:

-webkit-transform: translateX(-50%);// Chrome, Opera 15+, Safari 3.1+ 
  -ms-transform: translateX(-50%);  // IE 9 
      transform: translateX(-50%);
position:relative;
left:50%;