Ad

How to remove scroll to top button form Newspaper theme Wordpress?

PostsSun May 23 2021
Newspaper WordPress theme is one of the best theme out there in the market, that provides a much better experience and customizations than any other. You can customize the theme in your own manners and needs. The Newspaper theme also supports for various plugins and features like mobile optimizations.\r\n\r\nIn this post, we'll see that how you can remove or hide the scroll to top button in the Newspaper WordPress theme. Scroll to top can also be called a move-to-top button.\r\n

What the scroll to top button does?

\r\nThe scroll to top, as the name suggests it scrolls your page or post from bottom to the top. This means if you are browsing any page on the web, with the help of the move to top or scroll to top button, you can move or go back to the top of the page without scrolling the page.\r\n\r\nJust by one click on the scroll to top button, you will be there in no time. This feature is most useful when your site has long articles and pages. But for a small or short page, this feature has no existence.\r\n

How to disable the scroll to top button Wordpress

\r\nIf you are using the new Newspaper 11.2 or other latest updates then a new option is added to disable the \"totop button\" in the theme panel. Here is how you use use it. And i case of you are using older version of the newspaper them then the guide for it can be found below.\r\n\r\nOpen the theme panel, go template settings. Now go to the \"totop button\" option. Now disable the move to top button for desktop or mobile devices.\r\n\r\n\"Move\r\n\r\nFor Older Newspaper Theme\r\n\r\nTo disable the scroll to top button, what you have to do is find the class of the button. Once you know the class of the button. You can also easily hide or remove the button with CSS.\r\n\r\nKnow the class of scroll to top. For the Newspaper WordPress theme the class of scroll top top or move to top button is 'td-scroll-up'.\r\n\r\nOnce you know the class of the button head over the theme panel or customizations.\r\n\r\nNow go to customs code or add CSS option.\r\n\r\nNow add the below code.\r\n
\r\n\r\n.td-scroll-up{\r\ndisplay:none;\r\n}\r\n\r\n
\r\nCopy the code from . to the } bracket.\r\n\r\nThat's it, the scroll to top button from your site has now been disabled and your users won't see it.