--- title: "How to Add Advanced Effects to an Image in WordPress?" url: https://nexterwp.com/docs/add-advanced-effects-to-an-image-in-wordpress/ date: 2024-12-09 modified: 2026-04-14 author: "Aditya Sharma" description: "Adding advanced effects to images can make your content more visually appealing and interactive. For website designers and creators, enhancing images with effects can greatly improve user experience and make..." image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Add-Advanced-Effects-to-an-Image-in-WordPress_-1024x519.jpg word_count: 562 --- # How to Add Advanced Effects to an Image in WordPress? ## Key Takeaways - Nexter Blocks offers the Advanced Image block, which allows users to apply various image effects to their WordPress website. - The Advanced Image block includes features like Scroll Reveal Effect, Scrolling Image Effect, and Scroll Parallax, all available in the PRO version. - Users can manage image styling options such as background style and caption typography through the Style tab in the Advanced Image block. Adding advanced effects to images can make your content more visually appealing and interactive. For website designers and creators, enhancing images with effects can greatly improve user experience and make the visuals more engaging and memorable for visitors. With the Advanced Image block from Nexter Blocks, you can easily apply various image effects to your WordPress website. [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-advanced-image/) ## Required Setup - Make sure the default WordPress Block editor is active.  - You need to have the [Nexter Blocks](https://wordpress.org/plugins/the-plus-addons-for-block-editor/) plugin installed and activated. - Make sure the Advanced Image block is activated. To verify this, visit Nexter → Blocks → and search for Advanced Image and activate. - This is a Freemium block; to unlock the extra features, you need the [PRO version of Nexter Blocks](https://nexterwp.com/pricing/?utm_source=tpag&utm_medium=docs&utm_campaign=text). ## Learn via Video Tutorial https://www.youtube.com/watch?v=9tP5GP1Pl-M ## How to activate the Advanced Image Block? Go to  - **Nexter **→ **Blocks ** - **Search **the block name and** turn**** on the toggle**. ![](https://nexterwp.com/wp-content/uploads/2024/12/Nexter-Blocks-Advanced-Image-Activation.png) ## Key Features - **Scroll Reveal Effect** (pro) - You can easily [add a scroll reveal effect to an image](https://nexterwp.com/docs/add-image-reveal-animation-on-scroll-in-wordpress/). - **Scrolling Image Effect** (pro) - You can easily [add a scrolling effect to an image](https://nexterwp.com/docs/add-a-scroll-on-hover-to-an-image-in-wordpress/). - **Image Mask** - You can easily [add a mask to an image](https://nexterwp.com/docs/mask-an-image-in-wordpress-custom-image-mask/). - **Scroll Parallax** (pro) - You can easily [add a parallax effect to an image](https://nexterwp.com/docs/add-a-parallax-image-in-wordpress/). - **Fancy Box** - You can easily open the image in a fancy box. ## How to Use the Advanced Image Block? Add the Advanced Image block to the page. Then click on the **Design from Scratch** button to design the layout from scratch. ![](https://nexterwp.com/wp-content/uploads/2024/12/advanced-image-design-type-1024x191.png) > *Note: By clicking on the Import Pre-Designed Template button, you can [import a preset template](https://nexterwp.com/docs/import-templates-in-nexter/#Import-Preset-Designs-for-Specific-Blocks-in-Nexter) and customize it as per your requirements.* ### Content From the **Upload Image** section, you have to add your image. ![](https://nexterwp.com/wp-content/uploads/2024/12/advanced-image-content-new.png) Then from the **Alignment** section, you can align the image. From the **URL** field, you can add a custom link to the image. You set the image width for different devices from the **Max Width **section. From the Float Align section, you can float the image. Then, from the **Image Size** dropdown, you can set the image size. ### Caption By enabling the **Enable Caption** (pro) toggle, you can add a caption to the image. ![](https://nexterwp.com/wp-content/uploads/2024/12/advanced-image-caption-new.png) ### Special Options You’ll find some special effects options in this tab. ![](https://nexterwp.com/wp-content/uploads/2024/12/advanced-image-special-options-new.png) - **Scroll Reveal Image** (pro) - From here, you can [add a scroll reveal effect to an image](https://nexterwp.com/docs/add-image-reveal-animation-on-scroll-in-wordpress/). - **Scrolling Image** (pro) - From here, you can [add a scrolling effect to the image](https://nexterwp.com/docs/add-a-scroll-on-hover-to-an-image-in-wordpress/). - **Mask Image Shape** - From here, you can [add an image mask to the image](https://nexterwp.com/docs/mask-an-image-in-wordpress-custom-image-mask/). - **Scroll Parallax** (pro) - From here, you can [add a parallax effect to the image](https://nexterwp.com/docs/add-a-parallax-image-in-wordpress/). - **FancyBox** - From here, you can open the image in a fancy box. ## How to Style the Advanced Image Block? To style the Advanced Image block, you’ll find all options in the Style tab. **Background** - From here, you can manage the background style of the image for normal and hover states. You can also add different CSS filters to the image. > *Note: Keep in mind, Filters and Drop Shadow can't be used together; you can only use one option at a time.* ![](https://nexterwp.com/wp-content/uploads/2024/12/advanced-image-style-new.png) **Image Caption** - You’ll see this option when the Enable Caption toggle is enabled. From here, you can manage the image caption typography and color for normal and hover states. Advanced options remain common for all our blocks, you can explore all it options from here. [View Advanced tab tutorial.](https://nexterwp.com/docs/add-advanced-tab-in-wordpress/) ## Frequently Asked Questions **Q: What should I do if the Advanced Image Block is not activating?** A: If the Advanced Image Block isn't activating, ensure that the Nexter Blocks plugin is installed and the default WordPress Block editor is active. You can check this by navigating to Nexter u2192 Blocks, searching for Advanced Image, and toggling it on. If you still face issues, consider reinstalling the plugin or checking for conflicts with other plugins. **Q: How do I add a mask effect to an image?** A: To add a mask effect to an image using the Advanced Image Block, navigate to the Special Options tab and select the Mask Image Shape option. This feature allows you to create unique shapes for your images, enhancing visual interest and making your content stand out.