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

rodrigomagalhaes

Yes, very good.

Thanks!!!

sohail

Glad to help you!

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

Thanks