Website Building » Elementor » How do I make the Elementor header transparent?

How do I make the Elementor header transparent?

Last updated on September 25, 2022 @ 4:05 am

Making the Elementor header transparent is easy. To do so, first open the Elementor header in your browser and click on the “show original” link in the top right corner.

This will open the Elementor header in its original, unmodified form.

PRO TIP: If you are not careful, making the Elementor header transparent can result in your site’s header becoming invisible. Be sure to check your site’s header after making this change to ensure that it is still visible.

Now, in the “Elementor.css” file located in your website’s root directory, locate the “header” rule and delete the “transparent” keyword from the selector.

This will make the Elementor header transparent.

Finally, save your changes and refresh your website. The Elementor header should now be transparent.

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.