如何删除当代博客主题中的间距,并使侧栏在1024 px以上的屏幕中可见

时间:2018-01-05 03:33:29

标签: css themes blogger sidebar blogspot

如何删除当代博客主题中的间距,并使侧栏在1024 px以上的屏幕上可见,网上提供的教程无法正常工作。

2 个答案:

答案 0 :(得分:1)

我认为您正在寻找的是"to show sidebar in screen which are smaller then 1440px but greater then 1024px"。 如果是这种情况,则可以帮助您对网站的CSS进行适当更改,以使其看起来像您希望的样子:Link

所以基本上用我们自己的方法覆盖默认的css:

  @media screen and (max-width: 1024px) {
  .sidebar-container {
    bottom: 0;
    position: fixed;
    top: 0;
  }
  .sidebar-container {
    left: 0;
    right: auto;
  }
  .sidebar-container.sidebar-invisible {
    -webkit-transition-timing-function: cubic-bezier(0.4,0.0,0.6,1);
            transition-timing-function: cubic-bezier(0.4,0.0,0.6,1);
  }
  .sidebar-container.sidebar-invisible {
    -webkit-transform: translateX($(sidebar.width * -1));
        -ms-transform: translateX($(sidebar.width * -1));
            transform: translateX($(sidebar.width * -1));
  }
 .page_body{margin-left: 5%;margin-right: 5%;}

}

然后调整边距:

@media screen and (max-width: 1439px) {
    .page_body{margin-left: 250px;}
}

答案 1 :(得分:0)

这可以使用ONLY css完成。从模板html编辑器页面编辑它。链接您的网站,我可以帮助您。右键单击>检查元素或在浏览器中按F12,然后开始使用页面中元素的HTML和CSS样式。