How to edit the scroll to top button?

Posted in: Newspaper
Post count: 49
Austenit
#271241
Jan 12, 2019 at 6:03 pm

Hello!

How to edit the scroll to top button? I want to change color and make it bigger with make some margin. Write all list of options which are available for setup this button.

  • This topic was modified 7 years by Austenit.
  • This topic was modified 7 years by Austenit.
  • This topic was modified 7 years by Austenit.
  • This topic was modified 7 years by Austenit.
Post count: 35449
Calin
#271439
Jan 14, 2019 at 2:32 pm

Hi,

In order to do that you’ll need to use some custom css
https://www.screencast.com/t/hdZGpQtp6XJ
body .td-scroll-up {
background-color: blue;
border: 2px solid green;
width: 50px;
height :50px;
}
body .td-scroll-up .td-icon-menu-up {
color: #fff;
font-size: 20px;
display: block;
text-align: center;
width: 40px;
top: 10px;
left: 4px;
}

Set the code in Newspaper>theme panel>Custom code>Custom css

Hope this will help you.

Post count: 49
Austenit
#271526
Jan 14, 2019 at 7:20 pm

Is it possible to move this button under the sidebar for PC users? Its convenient for them.

Thank you

Post count: 49
Austenit
#271527
Jan 14, 2019 at 7:26 pm

Because we have sticky sidebar*

Post count: 35449
Calin
#271626
Jan 15, 2019 at 11:33 am

Hi,

If you want to have this custom only on desktop please set the css in Newspaper>Theme panel>Custom code>Advance css section Desktop
https://www.screencast.com/t/a7rbpkY68

body .td-scroll-up {
background-color: blue;
border: 2px solid green;
width: 50px;
height :50px;
right: 350px;
}
body .td-scroll-up .td-icon-menu-up {
color: #fff;
font-size: 20px;
display: block;
text-align: center;
width: 40px;
top: 10px;
left: 4px;
}

Thanks.

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