Diagonal Hero Block for WordPress
The Diagonal Hero block for WordPress helps you kick-start your web design projects with an awesome hero layout. You can set up hero sections in just a matter of seconds.
Why Should I Use the Diagonal Hero Block?
Diagonal Hero Block Frequently Asked Questions
The Diagonal Hero Block for WordPress allows you to design captivating hero sections with flexible layouts, custom backgrounds, and animated images. This block helps you make a powerful first impression, enhancing your website's visual appeal and user engagement.
This block requires the Unlimited Elements Pro version installed and activated on your WordPress website.
- Go to the Unlimited Elements Block Library.
- Search for “Diagonal Hero” in the search bar.
- Hover over the block in the search results and click Install.
- Add the “Diagonal Hero” block to any WordPress page.
The Diagonal Hero block is not free; it is included in the Unlimited Elements Pro version. Unlock this block and many other advanced features by upgrading to Pro. Upgrade Now
The Diagonal Hero Block offers four layout options: Row, Row Reverse, Column, and Column Reverse. These layouts allow you to arrange content creatively to fit your design goals and user interface requirements.
Yes, you can add custom images, vectors, or SVGs. You can adjust their width as a percentage for desktop, tablet, and mobile screens, giving you complete control on handling the responsiveness of the block and its elements. Additionally, image shape, position and opacity also can be customized. You can even add a solid color overlay or a gradient overlay for the image. Not only that, you can enhance the interactivity of this block by adding a hover animation for the image, selecting from the 25+ animation options that are already available.
Yes, the Diagonal Hero Block includes an option to make the entire block a clickable link instead of limiting the interaction to the button. This improves user navigation and call-to-action functionality. To enable this feature, simply toggle “Make The Whole Block A Link” to a “Yes”. It is available under the general content settings of the block.
You can set a solid color background or a gradient background to this block. In addition, you can even add an image, vector, or SVG as the background. If you are using an image or vector, you can also customize the features such as position, resolution, repeat mode or display size. These options ensure your hero section complements your overall website design perfectly.
Yes, the Diagonal Hero Block offers you the option to whether or not to show different elements on particular screen sizes. You can control the visibility of the Title, SubTitle, Separator and the Button separately for different screen sizes, making it fully responsive without complexing the content layout.
Yes, you can add templates before and after the main content of the Diagonal Hero Block. This feature allows you to include predesigned sections to enhance the block's appearance and functionality.
Yes, separators are highly customizable. You can adjust their color, size, width, and top and bottom spacing to match your design’s style and align with other elements. Also, you can opt to hide the separators from the design on different screen sizes.
Using the Diagonal Hero block is simple. Drag it onto your WordPress page and start customizing. Add images, titles, and the content along with diagonal angles to fit your layout. You can style colors, typography, and spacing to match your brand.
