Gosign Text with Image Block

  • Allows you to add images with different orientation (right, bottom, top, top, side, in text).n
  • Allows you to add different caption sizes.
  • Color configurations for Heading, Subheading, and Descriptions.
  • PHP 7.2 support
  • Full WordPress 5 (Codename: Gutenberg) support
banner textwithimage 1 1024x332 - Gosign Text with Image Block

Plugin Description

This plugins contains Text with Image Block which will allows you to show image with different aligement positions in text in WordPress 5 (Codename: Gutenberg). It has all the necessary aligement options to position the image with respect to text and heading.

Plugin Backend

Gosign – Text with image block allows you to add images with text in 10 different layouts, e.g. top right, bottom left next to right, etc., along with heading and text alignment with several other options.

Top right Text

Gosign – Text with the “Above Right” option of the image block allows you to add text at the top right of the image.
Scroll down to “Front End Demo” to see the result of this configuration.

above right - Gosign Text with Image Block

Below Center Textes

Gosign – Text with the option “Below center” of the image block allows you to add text in the lower center of the image.
Scroll down to “Front End Demo” to see the result of this configuration.

below center - Gosign Text with Image Block

Above Left Textes

Gosign – Text with the “Above Left” option of the image block allows you to add text at the top left of the image.
Scroll down to “Front End Demo” to see the result of this configuration.

above left - Gosign Text with Image Block

Below Right Text

Gosign – Text with the “Bottom right” option of the image block allows you to add text at the bottom right of the image.
Scroll down to “Front End Demo” to see the result of this configuration.

below right - Gosign Text with Image Block

Example Demo

Text with image Block with position Image top Centered

Hier kommt die Subheadline lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.


Rubrikname

Text with image Block with position image top right

Hier kommt die Subheadline lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lorem ipsum dolor sitamet, consetetursadipscingelitr, sed diam nonumyeirmodtemporinvidunt ut labore et doloremagnaaliquyamerat, sed diam voluptua. At veroeos et accusam et justo duo dolores et ea rebum. Stet clitakasdgubergren, no sea takimatasanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sitamet, consetetursadipscingelitr, sed diam nonumyeirmodtemporinvidunt ut labore et doloremagnaaliquyamerat, sed diam voluptua. At veroeos et accusam et justo duo dolores et ea rebum. Stet clitakasdgubergren, no sea takimatasanctus est Lorem ipsum dolor sit amet.


Rubrikname

Text with image Block with position image top left

Hier kommt die Subheadline lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lorem ipsum dolor sitamet, consetetursadipscingelitr, sed diam nonumyeirmodtemporinvidunt ut labore et doloremagnaaliquyamerat, sed diam voluptua. At veroeos et accusam et justo duo dolores et ea rebum. Stet clitakasdgubergren, no sea takimatasanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sitamet, consetetursadipscingelitr, sed diam nonumyeirmodtemporinvidunt ut labore et doloremagnaaliquyamerat, sed diam voluptua. At veroeos et accusam et justo duo dolores et ea rebum. Stet clitakasdgubergren, no sea takimatasanctus est Lorem ipsum dolor sit amet.


Text with image Block with position Image bottom Centered

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.


Text with image Block with position image bottom right

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet..


Text with image Block with position Image bottom Left

Lorem ipsum dolor sitamet, consetetursadipscingelitr, sed diam nonumyeirmodtemporinvidunt ut labore et doloremagnaaliquyamerat, sed diam voluptua. At veroeos et accusam et justo duo dolores et ea rebum. Stet clitakasdgubergren, no sea takimatasanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sitamet, consetetursadipscingelitr, sed diam nonumyeirmodtemporinvidunt ut labore et doloremagnaaliquyamerat, sed diam voluptua. At veroeos et accusam et justo duo dolores et ea rebum. Stet clitakasdgubergren, no sea takimatasanctus est Lorem ipsum dolor sit amet.


Text with image Block with position image right and text flow around it

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.


Text with image Block with position Image left and text flow

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.


Text with image Block with position Image right without text flow

Lorem ipsum dolor sitamet, consetetursadipscingelitr, sed diam nonumyeirmodtemporinvidunt ut labore et doloremagnaaliquyamerat, sed diam voluptua. At veroeos et accusam et justo duo dolores et ea rebum. Stet clitakasdgubergren, no sea takimatasanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sitamet, consetetursadipscingelitr, sed diam nonumyeirmodtemporinvidunt ut labore et doloremagnaaliquyamerat, sed diam voluptua. At veroeos et accusam et justo duo dolores et ea rebum. Stet clitakasdgubergren, no sea takimatasanctus est Lorem ipsum dolor sit amet.


Text with image Block with position Image left without text flow

Lorem ipsum dolor sitamet, consetetursadipscingelitr, sed diam nonumyeirmodtemporinvidunt ut labore et doloremagnaaliquyamerat, sed diam voluptua. At veroeos et accusam et justo duo dolores et ea rebum. Stet clitakasdgubergren, no sea takimatasanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sitamet, consetetursadipscingelitr, sed diam nonumyeirmodtemporinvidunt ut labore et doloremagnaaliquyamerat, sed diam voluptua. At veroeos et accusam et justo duo dolores et ea rebum. Stet clitakasdgubergren, no sea takimatasanctus est Lorem ipsum dolor sit amet.

More WordPress Blocks:

[post field=”post_content” post_id=”4395″]

Go for results – our newsletter for you!

So that you get wind of it right away when we come to new insights in our magazine.

[wpforms id="599"]