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 ".
now.JPG
196K
after.jpg
354K

Comments

  • 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: 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
  • Hi @rodrigomagalhaes 

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

    Thanks

Sign In or Register to comment.