Hello,

Can I add a hyperlink to a "picture element" ?

Many thanks,
Anne

It should be an image link not a normal image (image link is the element next to image)

Thank you very much, Wayan.

I am using this template page --->
https://themes.coffeecup.com/responsive … -page.html
The element used is "picture"
I wanted to use the already styled pictures.

In other words, I have to remove the picture element, replace it with picture link element and then re-style it with a new class.

Kind regards,
Anne

You could add the link required to the image in its 'header' section

I appreciate you, Wayan.

See attached image.
Is it the header section (left arrow) ?

What script do I use to hyperlink each individual image -
1) to a page in same website
2) an online image location?

Thanks again,
Anne

Sorry for the delay
We are experiencing tropical storms here and our electric has been off

Also the code needs to go into the element content bit not the header (thats for background inages & css)

So select the image (s)
give it an additional class name (EG link1) Give the image ALT a meaningfull title
over to the elemnt tab
insert the following code as is (of your choice dependinbg on either a page or external link
NB if its a page link DON'T FORGET THE .html suffix
this for a page link

<a href="about-us.html" class="link1"> <picture>
<img alt="Image Title" src="./image-folder/image-name.xxx" loading="lazy">
</picture>
</a>


This for an external link

<a href="DestinationURL.xxx" class="link1"> <picture>
<img alt="Image Title" ./image-folder/image-name.xxx" loading="lazy">
</picture>
</a>

There is a bit of a fiddle if you struggle with the code etc, I can do a short 'HOW TO" video if required

I don't have that template so I can't do a relevant step by step, if you would prefer one then you would need send the project file to me, or provide a link to the project file so I could do one thats relevant to your project

Hi Wayan.

I think it's the second page of the Kiro (Foundation) template. I was about to suggest the same method as yours, but you beat me to it. I did it by right-clicking on the picture on the Site Designer canvas, selecting 'Copy Element HTML' and pasting that into the Element > Content Code box where I added the <a href ... and </a> lines at the start and end of the pasted code.

Regards,
Frank

I still don't have that template any page, and can't see one in cc templates that look like it, but it was only incase they wanted a step by step doing, but as you say pretty easy, to do

Thank you Wayan and Frank.
Your instructions are clear. I can follow from there.
Much appreciated!