If you want to add something(ex. Slideshow) to blogger theme, but you only want it shows on Home Page, you cant wrap the code you add by the following tag....
2017-05-22
[Blogger] Responsive theme "Soho" bug fix. How to make the Popular Post in sidebar smaller?
1. Find this code:
body.item-view .widget.PopularPosts, body.item-view .post-outer-container .inline-ad, #comments {
margin-$startSide: 220px;
width: 660px;
}
body.item-view .widget.PopularPosts, body.item-view .post-outer-container .inline-ad, #comments {
margin-$startSide: 220px;
width: 660px;
}
[Blogger] [Responsive theme "Soho"] How to hide the side bar forever?
1. find two sections of code:
First:
@media screen and (max-width: 1439px) {
.sidebar-container {
bottom: 0;
position: fixed;
top: 0;
}
.sidebar-container {
$startSide: 0;
$endSide: 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);
}
html[dir=ltr] .sidebar-container.sidebar-invisible {
-webkit-transform: translateX($(sidebar.width * -1));
-ms-transform: translateX($(sidebar.width * -1));
transform: translateX($(sidebar.width * -1));
}
html[dir=rtl] .sidebar-container.sidebar-invisible {
-webkit-transform: translateX($(sidebar.width));
-ms-transform: translateX($(sidebar.width));
transform: translateX($(sidebar.width));
}
}
@media screen and (min-width: 1440px) {
.sidebar-container {
position: absolute;
top: 0;
}
.sidebar-container {
$startSide: 0;
$endSide: auto;
}
.sidebar-container .navigation {
display: none;
}
}
訂閱:
文章 (Atom)