Problem Making Images On Homepage Linkable

Homepage Community Forums Epik Theme Support Problem Making Images On Homepage Linkable

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #4479
    Abigailjane
    Customer

      Hi, I have added some code into the widget area for Home Feature #3 to make the image clickable, and now the image is clickable and takes you to the link but for some reason all the images and text on the page in the other widget boxes underneath this is also coming up as clickable with this link even though I haven’t added any link coding to their individual widgets?

      Maybe I have added some weird code. Can you tell me exactly what I need to add in to make the image clickable?

      Thanks

      #4483
      kronos
      Customer

        Hello @Abigailjane,

        Can you post a link to your site so we can see what the issue is?

        #4489
        Abigailjane
        Customer

          Hi

          Here is a link – http://minovalleyfarmsanctuary.org

          You can see what I mean in the brown widget below the picture of the tipi and in the little icons of animals and the logo in the footer, also it is doing the same thing to the writing next to the images. I never made the text linkable but it is doing it anyway.

          What code should I be using?

          When I tired to add the code here to show you what I was using all the text below my code had become clickable? Very strange, New to all this so could just be using some weird code!

          Thanks
          Abigail

          #4490
          Abigailjane
          Customer

            Also for some reason the text (which I haven’t added any code to make it clickable) is underlined when you hover over it which I don’t want either.

            #4502
            Eric
            Customer

              It’s because you wrapped all of your code in a hyperlink. You also didn’t properly close out your tags.

              Example, this is what you have –


              <h4>This title is wrapped inside h4 tags</h4>
              <p>This content is wrapped inside the "p" tag. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

              Notice there is no end tag for the hyperlink, and you put it before the h4 title and “p” content. The end tag should look like this – </a> and you should only add the <a href="your-link.com"> before your link and the </a> end tag right after.


              I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

              #4511
              Abigailjane
              Customer

                Thank you so much! Everything is working great now!

                #4515
                Eric
                Customer

                  Great! Nice design by the way! Make sure and send your site link to Wes so he can add it to the showcase (coming soon)


                  I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

                Viewing 7 posts - 1 through 7 (of 7 total)
                • You must be logged in to reply to this topic.