BullGuard Antivirus Sale - 60% Off with openElement !
Forum Home Forum Home >

openElement

> openElement General Discussion
  New Posts New Posts RSS Feed - How to Remove Scroll Bars from page
  FAQ FAQ  Forum Search   Register Register  Login Login

How to Remove Scroll Bars from page

 Post Reply Post Reply
Author
Message
mogglemoofer View Drop Down
Newbie
Newbie
Avatar

Joined: Mar 15 2018
Location: Australia
Status: Offline
Points: 9
Post Options Post Options   Thanks (0) Thanks(0)   Quote mogglemoofer Quote  Post ReplyReply Direct Link To This Post Topic: How to Remove Scroll Bars from page
    Posted: Mar 21 2018 at 8:38am
Hey, I wrote this in a previous post, but decided to make it an individual post. Because I think it's a common problem and other people may also want to do this.

Question:
Does anyone know how to remove the scrollbars completely, from a whole page?? So that when you open a page in firefox, or chrome, the scroll bars do not appear.

I tried using the styles -> positioning -> y overflow:hide. But I can't get it to work.
I also saw this link for css and javascript:
https://stackoverflow.com/questions/16670931/hide-scroll-bar-but-while-still-being-able-to-scroll/16671476

But I can't get it to work either.. Ouch

Back to Top
Dmit OE View Drop Down
Admin Group
Admin Group


Joined: May 31 2012
Status: Offline
Points: 5283
Post Options Post Options   Thanks (0) Thanks(0)   Quote Dmit OE Quote  Post ReplyReply Direct Link To This Post Posted: Mar 21 2018 at 10:52am
Hi,

Try to add a Code Block (source) type CSS position Header with the code:

body, #XBody { overflow: hidden !important; }
Back to Top
mogglemoofer View Drop Down
Newbie
Newbie
Avatar

Joined: Mar 15 2018
Location: Australia
Status: Offline
Points: 9
Post Options Post Options   Thanks (0) Thanks(0)   Quote mogglemoofer Quote  Post ReplyReply Direct Link To This Post Posted: Mar 24 2018 at 12:48am
Thanks for the reply : )

I couldn't get it to work at first. But then realized i need to save the page first, or wait some time.  Then the changes will show on preview mode.

I also realized that page -> styles -> customize -> overflow = hide
works too now.

But! It only works for the main page. Is there any way to add this code block to a group of elements? I need to remove the scroll bars from a group of elements too.
styles -> customize -> overflow = hide doesn't seem to work for elements!

-------------------------
UPDATE: Yes!! It works! I love you Dmit!! I'm so happy. Thank you :D

So, in case another person has this problem:
The CSS, header code block

body, #Xbody { overflow: hidden !important; }

Works for elements too. You just need to replace "Xbody" with the name of your element. Eg. WE3244324fdfq etc.







Edited by mogglemoofer - Mar 24 2018 at 5:07am
Back to Top
Dmit OE View Drop Down
Admin Group
Admin Group


Joined: May 31 2012
Status: Offline
Points: 5283
Post Options Post Options   Thanks (0) Thanks(0)   Quote Dmit OE Quote  Post ReplyReply Direct Link To This Post Posted: Mar 24 2018 at 12:49pm
For elements you don't need to do it manually, you can go to their Styles->Customize and set the Overflow property. In certains cases you may need to set it for another Style Zone (dropdown on the top)
Back to Top
 Post Reply Post Reply
  Share Topic   

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

This page was generated in 0.047 seconds.