bryant_mojica Posted August 10, 2023 Share Posted August 10, 2023 Hi, I've seen some discussion on this already but none of the CSS codes are working for my site. I'd like to make my entire page one fixed size, no scrolling or scroll bar throughout the entire site. Also remove all slideshow galleries navigation arrows. Is that possible while maintaining the ability to go "left and right"? bryantmojica.com pw: draft1992 I appreciate the help! Link to comment
Lesum Posted August 10, 2023 Share Posted August 10, 2023 Hi, to remove the scrollbar, add this CSS code: ::-webkit-scrollbar { display: none; } To remove the navigation arrows on gallery, add this CSS code: .gallery-slideshow-control { display: none !important; } bryant_mojica 1 If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
bryant_mojica Posted August 10, 2023 Author Share Posted August 10, 2023 Thanks, any idea how to keep the site page height fixed so scrolling is not possible? Link to comment
Lesum Posted August 10, 2023 Share Posted August 10, 2023 To remove scrolling, add this code: html, body { overflow: hidden !important; } bryant_mojica 1 If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
bryant_mojica Posted August 11, 2023 Author Share Posted August 11, 2023 Thank you very much! Lesum 1 Link to comment
Sachmo13 Posted April 27 Share Posted April 27 On 8/11/2023 at 12:55 AM, Lesum said: To remove scrolling, add this code: html, body { overflow: hidden !important; } Hi, I am trying to do the same but for specific pages only, (excluding gallery/portfolio sections) is there a simple code similar to the above? Thanks Link to comment
tuanphan Posted April 29 Share Posted April 29 On 4/28/2024 at 2:07 AM, Sachmo13 said: Hi, I am trying to do the same but for specific pages only, (excluding gallery/portfolio sections) is there a simple code similar to the above? Thanks You can edit page > Add this code to Page Header Code Injection <style> html, body { overflow: hidden !important; } </style> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Sachmo13 Posted May 4 Share Posted May 4 Hi, using the page header code injection applies it to all pages, I am trying to apply it only to the non-gallery style (portfolio) pages. Thanks Link to comment
tuanphan Posted May 6 Share Posted May 6 On 5/4/2024 at 9:34 PM, Sachmo13 said: Hi, using the page header code injection applies it to all pages, I am trying to apply it only to the non-gallery style (portfolio) pages. Thanks You need to add to Individual Page Header Code Injection NOT Sitewide Code Injection Header Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment