Hi,
Since we use a big banner on top of the article, we would like to move down the sidebar because otherwise our ads are overlapping, as you can see here: Picture
I tried someting like:
@media (min-width: 1000px) {
.td-ss-main-sidebar {
padding-top: 360px;
}
}
But this removes the smart function. Is there a way to move down the sidebar without losing the smart function?
Hi
Smart sidebar features is made by js and to change it you will need a new approach for it. The function which create the animation can be found here: http://screencast.com/t/OD0w4vugVz You can try to modify it but it’s quite difficult and some coding skills are required to complete the task.
If you can’t do it by yourself my advice is to look for someone who can help you with implementation as we can’t offer custom work at the moment.
Thanks!
Hi Andrei,
I tried to find a workaround in order not to touch the js. So I added custom ad 1 to the top of the sidebar widget, put just a dot into the custom ad 1 field and added the following to custom css:
@media (min-width: 1019px) {
.td-a-rec-id-custom_ad_1 {
margin-top: 280px;
color: #ffffff;
}
}
This works fine in the custom CSS area but if I add exactly this code to .td-a-rec-id-custom_ad_1 in my style.css (in order to have this without load delay), nothing happens. Also not with the use of !important
Is there anything I’m overlooking?
Thanks
Future styling request:
Since for post type 12/13 everything on top of the article is centered (heading, category tag, social sharing,…etc.), the subheading should also be centered.
Please add this to the future CSS.
.td-post-template-12 .td-post-sub-title,
.td-post-template-13 .td-post-sub-title {
font-size: 19px;
line-height: 25px;
margin: 12px 0 20px;
text-align: center;
}