How to add Advanced Text Widget Guide

To insert this image gallery into our customizable themes – see the steps below:

Go to Appearance -> Widgets -> Drag widget “Advanced Text” to the right where you want to be, and in the Text insert this code:

<section>
<div class=”container text-center mt-5″>
<h3>ART GALLERY IMAGES</h3>
<h5 class=”text-primary”>#ARTGALLERY</h5>
<div class=”row mt-4″>
<div class=”col-6 col-lg-3 mb-4″>
<img src=”https://images.unsplash.com/photo-1552252662-5645195d14d0?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1050&q=80” alt=”” class=”img-fluid”>
</div>
<div class=”col-6 col-lg-3 mb-4″>
<img src=”https://images.unsplash.com/photo-1536236155319-1edab471917c?ixlib=rb-1.2.1&auto=format&fit=crop&w=1051&q=80” alt=”” class=”img-fluid”>
</div>
<div class=”col-6 col-lg-3 mb-4″>
<img src=”https://images.unsplash.com/photo-1556761175-b413da4baf72?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=967&q=80” alt=”” class=”img-fluid”>
</div>
<div class=”col-6 col-lg-3 mb-4″>
<img src=”https://images.unsplash.com/photo-1492097631548-189753426f9c?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1059&q=80” alt=”” class=”img-fluid”>
</div>
<div class=”col-6 col-lg-3 mb-4″>
<img src=”https://images.unsplash.com/photo-1556761175-4b46a572b786?ixlib=rb-1.2.1&auto=format&fit=crop&w=967&q=80” alt=”” class=”img-fluid”>
</div>
<div class=”col-6 col-lg-3 mb-4″>
<img src=”https://images.unsplash.com/photo-1449247613801-ab06418e2861?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1051&q=80″ alt=”customizable themes” class=”img-fluid”>
</div>
<div class=”col-6 col-lg-3 mb-4″>
<img src=”https://images.unsplash.com/photo-1449247709967-d4461a6a6103?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1051&q=80″ alt=”customizable themes” class=”img-fluid”>
</div>
<div class=”col-6 col-lg-3 mb-4″>
<img src=”https://images.unsplash.com/photo-1519643381401-22c77e60520e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1053&q=80″ alt=”customizable themes” class=”img-fluid”>
</div>
</div>
</div>
</section>

To change the images, you should insert your own image URLs. After that – Save. And That’s it.

Newsletter Subscription