How to add Link featured images in home pages

Where would the link go to (for each image)?

In the respective page

First step setup a child theme: https://codex.www.ads-software.com/Child_Themes

yes sure I already have a child theme

Then create this file structure inside your Child Theme folder:

template-parts/page/content-front-page-panels.php

Inside content-front-page-panels.php add the code from this page: https://themes.svn.www.ads-software.com/twentyseventeen/1.4/template-parts/page/content-front-page-panels.php

• This reply was modified 6 years, 8 months ago by Andrew Nevins.
• This reply was modified 6 years, 8 months ago by Andrew Nevins.

First of all, I thank you for your help.
I created the directory in twentyseventeen-child/: template-parts/page/ and I entered the content-front-page-panels.php file with the linked code. I have cleared the browser cache but it seems not works

Now edit this file (content-front-page-panels.php) inside your Child Theme, and replace all of the code with this PasteBin code: https://pastebin.com/raw/JrnXd4QG

Ok it works! only problem is that it only works at the top of the image. Maybe I modified the css style incorrectly ?:

/*---MODIFICA TEMPLATE---*/

/* Centra icone social */
.site-footer .social-navigation { text-align: center; width: 100%; }

/* larghezza contenuto primario */
.page-one-column .panel-content .wrap { max-width: 1000px; }

/* rimuove widget nella pagina singola degli articoli */
.single-post #secondary { display: none !important; }
.single-post #primary { width: 100% !important; }

/*---FINE MODIFICA TEMPLATE---*/

/*------------------------------------------*/
/*------------------------------------------*/

/*---BLOG---*/

@media(min-width:768px) { 

/* Allarga il Contenuto del blog */
.has-sidebar:not(.error404) #primary { width: 70% }

/* Stringe il widget nel blog */
.has-sidebar #secondary { width: 25% }
}
/* Responsive */
@media(max-width:768px) { .has-sidebar:not(.error404) #primary { width: 100% }
}

/*---FINE BLOG---*/

/*------------------------------------------*/
/*------------------------------------------*/

/* .hatom-extra { display: none; } */
.addtoany_share_save_container { text-align: center; }

Yea it just needs a CSS tweak.

In the “Additional CSS” section of the dashboard/ In your Child Theme style.css file add this:

.panel-link {
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    width: 100%;
}

https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

• This reply was modified 6 years, 8 months ago by Andrew Nevins.

I do not know how to thank you. You were very kind. Thanks!