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

rodrigomagalhaes

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 ".

rodrigomagalhaes

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

sohail

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: https://pastebin.com/raw/LeBBF6BT

3. Create a front-page.php file, opan and paste this code: https://pastebin.com/raw/qaCW2JDd

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.

Thanks

sohail

Hi @rodrigomagalhaes 

Did the above solution work for you? 

If yes, please allow us to close this discussion.

Thanks