Skip to main content

Remove ScrollBars

Scrollbars can be removed or applied to Pages including the Iframes by styling them in an HTML Text Area.


To Remove Scrollbars from your Main Page (body)#


Let's start by adding a heading to our page.

1. Log into your Admin Module

To access your admin site, simply type "admin." before your public url.

eg: https://admin.demo.dashnetics.com.au

img

2. Select the menu

img

3. Select Page Management

img

4. Select Setup Pages

img

5. Select Items Icon list_alt

Each page will be listed, choose the "Items" Icon next to the page you want to change.

img

6. Select Add

To begin adding a new Item to the page

img

7. Enter a Name for your Styling

  • For example, "CSS"

Names can contain spaces or any characters

img

8. In the Type dropdown, choose "HTML Text Area"

img

9. Width can remain as "0"

Width "0" means the item will display at the DEFAULT width.

This can be changed later if necessary

img

10. Within the HTML Text area type or copy your styling text

<style>
body {
overflow: hidden; /* This hides the scrollbars */
}
<style>

11. Tick check_box 'Divider After'

This will ensure the next element we add will appear below the styling.

img

12. Press Save

img