Homepage welcome block

This tutorial explains, how to create a welcome message block as show in demo.

image

Step 1:

Navigate to:
Home arrow-icon Administration arrow-icon Structure arrow-icon Block layout

example.com/admin/structure/block

Step 2

Click Custom block library tab and then + Add custom block

image

Step 3:

Disable CKEditor editor and select Full HTML as input format.

But we recommend to create and use a new text input format like Full HTML but without CKEditor editor as explained here: Create a new Text Format without CKEditor in Drupal 8

image

Step 4:

Use below sample code to create a new block. Just change the text keeping div and its class unchanged.

<div class="text-center">
<p class="size-2">Since 2002, we are commitment to academic excellence, intellectual growth
and high standards of ethical awareness. Our curriculum, teaching methodology
and tie-ups make us excellent in education.</p>
</div>

image

In above code, we have used text-center and size-2 custom shortcode.

You can find all available shortcodes here:
Custom Shortcodes in Edu-X Theme

Step 5

Now place this new block in Homepage Content Top region.

image

You can use above method to create similar content in any other block region also. You can also use same sample code to create content of similar style for other pages.