How to make feature images clickable

Discussion in 'BlackBird WordPress Theme' started by eddo, Nov 3, 2012.

  1. eddo

    eddo New Member

    Joined:
    Sep 29, 2012
    Messages:
    5
    Likes Received:
    0
    Hello. Again very happy with the Blackbird theme. I was wondering how to make the feature images clickable. I did remember to add links but it seems to only work in the 'read more' boxes while the feature images will highlight with a cursor but it is not clickable. Thanks!
     
  2. computerhelpcommunity

    computerhelpcommunity New Member

    Joined:
    Oct 29, 2012
    Messages:
    7
    Likes Received:
    0
    I as well would like to do this, and was going to post the same question.
     
  3. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Go to front-page.php present in your theme directory and add code given below

    Code:
    <a href="enter your link address"></a>
    Sending image for reference

    [​IMG]


    This will solve your issue.
     
  4. eddo

    eddo New Member

    Joined:
    Sep 29, 2012
    Messages:
    5
    Likes Received:
    0
    Hello Gourav. Thank you for your response. I went to front-page.php to look for the exact code I see on your image: This is the closest I found on my theme:
    ----------
    <form action="<?php get_template_directory(); ?>" id="contactForm1" class="signupform" method="post">
    <input onfocus="if (this.value == 'e-mail address') {this.value = '';}" onblur="if (this.value == '') {this.value = 'e-mail address';}" name="email" value="e-mail address" type="text" value="<?php if (isset($_POST['email']))
    ----------

    Do I edit this section I pasted or did I miss something. Thank you again for all your help!
     
  5. Harmeet

    Harmeet Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    360
    Likes Received:
    15
    Hello,

    The image was mistakenly posted, that is not the right image, i am sending you the image again, see this image

    [​IMG]

    Add the code shown in the image. It will solve your problem.
     
  6. eddo

    eddo New Member

    Joined:
    Sep 29, 2012
    Messages:
    5
    Likes Received:
    0
    Thank you Gourav and Harmeet. Yes I was able to successfully add the link to the first circle. If I may trouble you both some more where do I add links for the 2nd and third circles? I am clueless about code and did not want to ruin it by guessing.

    Is this for the 2nd circle?
    <div class="circle"><INSERT HERE?><img src="<?php echo get_template_directory_uri(); ?>/images/img1.png" /></div>
    <?php } ?>

    Thank you again!
     
  7. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Please provide the following information listed below.

    Thread Link:
    Your Website URL:
    WordPress Username:
    WordPress Password:

    Send this information on our email at [email protected]
     
  8. eddo

    eddo New Member

    Joined:
    Sep 29, 2012
    Messages:
    5
    Likes Received:
    0
    Hello. Thank you again for support. The first clickable picture goes to the appropriate page, but the middle and right image do not go to any page when clicked. Please advise. Thank you!
     
  9. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    The process that is given above for making feature images clickable for first image, Use same process for other images also, This will solve your issue.
     

Share This Page