How to Remove Scroll Bars from page
Printed From: openElement Website
Category: openElement
Forum Name: openElement General Discussion
Forum Description: A place for general discussion and questions about the software.
URL: https://forums.openelement.uk/en/forum_posts.asp?TID=1344
Printed Date: Mar 29 2024 at 9:31am Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com
Topic: How to Remove Scroll Bars from page
Posted By: mogglemoofer
Subject: How to Remove Scroll Bars from page
Date 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..
|
Replies:
Posted By: Dmit OE
Date 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; }
|
Posted By: mogglemoofer
Date 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.
|
Posted By: Dmit OE
Date 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)
|
|