Back to contents

How to add an attractive headline with an image inside the text with JetElements

This guide is dedicated to Headline widget offered in JetElements plugin for Elementor along with 50 other powerful widgets.

Enjoy the freedom of settings when creating a headline content with JetElements Headline widget. So, let’s find out how to add an impressive headline with an image inside the text.

Headline widget

Creating an exclusive headline

Step 1 — Find Headline widget and drag and drop it into a new section.

Headline widget

Step 2 — Navigate to the Content > Title block. Fill in the Title first part and Title second part fields with the preferable title.

Content settings in Headline widget

Step 3 — You can also add the decorative elements, such as icons or images in the Content > Decorative Elements section.

Step 4 — Proceed to the Style > General section, where you can customize the alignment, the padding, the margin, the background type and so on.

Step 5 — In the Style > First Part section enable the Use Text Image option in order to add an image inside the first part of the text. Select an image in the Text Image section. Here you can also style up the typography, the text shadow, the padding, the margin, etc.

Second part settings in Headline widget

Step 6 — Move on to the Style > Second Part section, where you have to enable the Use Text Image option to add an image in the second part of the text. Select an image and you are done!

Step 7 — You can also increase the font size of each part of the text in order to make the image look better in the Typography section.

Typography settings in Headline widget

Keep personalizing the rest of the settings and enjoy your work!