Smart Sidebar change position

Posted in: Newspaper
Post count: 364

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?

Post count: 6535

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!

Post count: 364

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

Post count: 364

Oh just found a much better solution!

With post style 12 & 13 you are already offering a perfect solution for a case like this. It’s just one click to change the post styles!

Thanks!

Post count: 364

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;
}

  • This reply was modified 9 years by David.
  • This reply was modified 9 years by David.
  • This reply was modified 9 years by David.
Post count: 6535

Hi

Glad you have managed to find a solution!
Thanks for letting us know and also for your suggestion, I’ve added it on our todo list and developers will consider it for future updates.
Have a nice day!

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.