How to create area on the home page to add clickable images?

I want to create an area on the homepage, which is currently equal to the photo  "now. jpeg ", to power by some clickable images (linked) as I show in the photo  "after. jpeg ".


  • I want some images linked to URLs, side by side, on the home page. Just like I show in the after. jpeg image
  • Hi @rodrigomagalhaes

    To do this, please follow these steps.

    1. Create a child theme, ignore if already existing.
    2. Create an index-image.php file, open and paste this code:
    3. Create a front-page.php file, opan and paste this code:
    3. Save and activate it.

    To change image link and URL refer to this screenshot.

    Then Go to, Appearance >> Customize >> General Settings >> Custom CSS and add the given below Custom CSS Code.

    .imgsection .img_image{
        margin-top: 20px;
        width: 100%;
        height: 100px;
    @media (min-width: 768px) {
    .imgsection .col-md-2{
    width: 20%;

    Change height and margin px value according to you.

    Let me know for any confusion.

  • Hi @rodrigomagalhaes 

    Did the above solution work for you? 
    If yes, please allow us to close this discussion.


  • Yes, very good.

  • edited May 23

    Glad to help you!

    If you like our Theme & Support, rate us HERE.

This discussion has been closed.