in the wake of Blocksy 2 's latest update adds a stunning header design effect - theCSS Background Blur Filter. This effect gives the header area of the website a more modern and layered look, as well as enhancing the visual appeal. Users are able to perceive the depth and position of the page as they navigate the site, resulting in a more vivid visual effect.

This article will explain how to enable this new feature in Blocksy 2 and set it up accordingly.

Enable background blur effect

Update to Blocksy 2.0.62 or later

First, make sure your site has been updated to Blocksy 2.0.62 Version. This feature is only available in this version and higher.

Go to Customizer Settings

Log in to the backend to WordPress After entering the Customizer(Customizer) and find the Header（The Background Blur Effect option in the Settings panel (header).

Background Color Setting Requirements

In order for the blurring effect to take effect, thehead lineThe background color needs to be semitransparent The. If the background color is completely opaque, the blurring effect will not be displayed and the content behind it will be overwritten. Therefore, it is important to set the proper transparency.

Setting the intensity of the blur effect

exist Design（Under the (Design) tab, adjust the blur intensity of the header row. Increase the blur value and the system will automatically process the rest.

Device Control Options

Blocksy 2 It also allows to enable the effect on different devices. If desired, you can apply this effect only on the desktop version and disable it on mobile devices.

actual effect

When this effect is enabled, the headercontextsA beautiful blurring effect will be displayed, with the background color intertwined with the page content to create a richer visual layer. This simple effect enhances the aesthetics of the page and can add dynamism to the site.

summarize

Blocksy 2 (used form a nominal expression) Header Background Blur Filter The feature brings a brand new design element to the website. By simply adjusting the background transparency and blur intensity settings, users can add a modern and layered look to the website and enhance the design of the page.

Recent Updates

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨詢：1025174874
(iii) E-mail: info@361sale.com
④ Working hours: Monday to Friday, 9:30-18:30, holidays off