Why is this code not working?

Themes
1

All I am trying to do is make an image clickable so that when clicked, it takes the user to the url. I have tried everything, the image loads, ok, but it is not clickable.


<li style="--color-accent: #37d76c;">

      <h3 class="services__title">Chat Room</h3>
      <a href="<https://www.teachmeai.ogatutor.com>"  target="_blank">Start Discussions</a>
      <p class="services__description">
       <img class="gh-avatar"
                            src="{{asset "images/community.png"}}"
      </p>
 
Method 2 I tried:

         <figure>
    <a href="https://www.teachmeai.ogatutor.com">
        <img src="{{asset "images/community.png"}}"
    </a>
    <figcaption></figcaption>
</figure>
    </li>
Here is the domain:
https://ogatutor.com
2

The < and > around the url are incorrect in example 1.

Example 2 has malformed HTML - you can’t put an a tag within a figure tag. Put it outside and it should work.

1 Like
3

Interesting. Please can you show me a sample corrected version of the code?
I have looked and my eyes are now blurred, just can seem to find the error.
Thanks

4

Change the first example to
<a href="https://www.teachmeai.ogatutor.com" target="_blank">Start Discussions</a>

1 Like