Hide Browser Scrollbar

Global

2 years ago

•

< 1 min read

Posted by:

Focus

Subscribe to newsletter

By subscribing you agree to with our Privacy Policy.

To hide scrollbar globally, go to Dashboard > Appearance > Customize > Custom CSS. To hide scrollbar on a spesific page, add this CSS on the page custom CSS. To hide scrollbar on an element, go to it’s custom CSS panel and add ‘selector’ — without space after the word — before you paste the code.

CODE

::-webkit-scrollbar {
    display: none;
}

Image

< 1 min read

Crop Image To Ratio

To crop image based on ratio, on Elementor’s Image Widget add this CSS: 16:9 Landscape CSS 9:16 Portrait CSS

PHP

< 1 min read

Maximize PHP Settings Manually on Plesk

Go to ‘File Manager’, edit .htaccess, and add this code after # END WordPress

Global

< 1 min read

Additional CSS on WordPress Customization

To improve your site a bit, add this basic CSS to each one you create. Customizing the scroll bar, the

Container

< 1 min read

Make Container Scrollable

Add this on the column’s custom CSS panel. Adjust the ‘max-height’ to your needs.

See How It Works

Create better websites, faster.

Download the Entire Library

Adaptative, neutrally designed components.

Global