How To Use & Customize Image Box Widget

The Image Box Widget used to combine images with text creatively. This combination effectively showcases features, services, or any other content where you need visual and text content.

Follow the step-by-step instructions:

1. Go to Menu Romethemekit.

2. And you will be able to see the Image Box Widget.

3. Click Add New Container.

4. Select your layout : Flexbox or Grid.

5. On the canvas select your structure.

6. Drag the widget from the Elementor 

7. Drop it on the selected area.

8. Content Image Box :

• Click Content → Content.
• Select style, image, hover image, resolution, tag, image box title & description.

• Style 2 :

• Style 3 :

• Style 4 :

9. Setting Button :

• Click Content → Read More Button.
• Enable Button to show the button.
• Select Button Position.
• Type the button text.
• Click Yes to add icon button.
• Click Icon Library → Choose Icon → Click Insert.

10. Container Style (used to customize the container style) :

• Click Style → Container.
• Customize the box shadow, borderm padding, radius, and background color.

11. Image Style (used to customize the image style) :

• Click Style → Image.
• Customize the padding and radius image.

12. Content Style (used to customize the content style) :

• Click Style → Content.
• Customize the title, description and background : typography, text color, alignment, spacing, border and background color.

13. Button Style (used to customize the button style) :

• Click Style → Button.
• Customize the typography, padding, radius, icon siize, text, background and border color.

14. Don’t forget to click Publish to save the changes.