Hi there, does anybody know, how to put an external link on an image?
the code in bootstrap studio looks like this:
with an external link it should look like this:
I just can´t figure out, how to change the html code in bootstrap studio Thanks for your answer
The code didn´t show up in my question.....here it is now:
the code in bootstrap studio looks like this:
<img src="image.svg" />
with an external link it should look like this:
<a href="#"><img src="eine_neue_ernaehrungslehre-01.svg" /></a>
I just can´t figure out, how to change the html code in bootstrap studio. Thanks for your answer
First, select the Image in the Live View pane (top/middle), this should expand the Overview pane (bottom/left) and highlights the Image element.
Next, in the Components pane (Studio tab top/left) type in "Link".
Next, select and drag the Link component down to the Overview pane and just before or after the highlighted Image element and drop it there.
With dragging and dropping an element into the Overview pane a couple things happen. First when you drag a component onto an element (that will except a dropped component), that element will have a thin light blue border around the element. If you drag it between 2 elements then there will be just a thin light blue line that appears between the elements showing you where the dropped element will appear.
Next, once you dropped the Link component, double click on the Link text in the Layout View pane and backspace so it's empty.
Next, in the Overview pane select the Image element and drag/drop it on the Link element.
Next, select the Link element in the Overview pane.
Next, in the Options pane (top/right Gear Cog icon) type in the URL for the link in the URL field. Once you click away the URL will be saved to the field.
Saj
...thank you; it works.
Jens
Your welcome, glad I could help.
Saj