How to make Homepage 3 column images as hyperlinks?

Discussion in 'Woodpecker WordPress Business Theme' started by lseren, Nov 25, 2015.

  1. lseren

    lseren New Member

    Joined:
    Nov 18, 2015
    Messages:
    18
    Likes Received:
    0
    Location:
    Benicia, CA
    re: Woodpecker Premium theme
    Hello,

    How can I make the images in the 3-column feature on the homepage act as hyperlinks to the pages that particular column links to/corresponds with? Meaning, if one clicks on the image, instead of enlarging the image, it links to the page on my site that the column title also links to?
    my site is: http://www.enlivened.me

    Also, in the bottom feature area on the homepage, where the video box section is, I'd like to make the image in the 'Image Box' a static image that is not clickable, does not enlarge when clicked, and does not fade color when the cursor hovers over it.

    Thank you for your help,
    Linda
     
  2. priya

    priya Guest

    Hello Linda,

    Greetings from InkThemes!

    Please follow the screenshot given below.

    3col_link.png

    NOTE: Put your own desired link between "" tag, like: <a href="http://www.google.com">

    Hope it will resolve your issue

    Do let me know if you need more assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  3. lseren

    lseren New Member

    Joined:
    Nov 18, 2015
    Messages:
    18
    Likes Received:
    0
    Location:
    Benicia, CA
    Priya,

    I was able to do it! I don't have numbered lines in my Theme Editor page as you do. Is there a way to turn on that feature?

    I appreciate your efficient and clear explanations. Thank you for helping me with this and my other posted questions as well. You are very knowledgeable.

    Linda :)
     
  4. priya

    priya Guest

    Hello Linda,

    Thanks a huge lot for your appreciation:)

    I would just like to suggest you to use the "wp-editor" plugin to edit the file.

    It will help you to get that line..

    You can also download and use it from the link https://wordpress.org/plugins/wp-editor/.

    Do let me know if you need more assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  5. lseren

    lseren New Member

    Joined:
    Nov 18, 2015
    Messages:
    18
    Likes Received:
    0
    Location:
    Benicia, CA
    Good to know this. Thank you Priya!

    Is there a way to make the image in the 'Image Box' a static image [not clickable], so it does not enlarge when clicked, and does not fade color when the cursor hovers over it? I'm referring to the image in the bottom Feature Area on the homepage, where the video box section is. http://www.enlivened.me
    You can see it on my homepage, at the bottom, the photo with my arms up in the air.

    You've been so helpful already. I really appreciate it. Your help has made customizing my site easy & fun.

    With Gratitude,
    Linda :D
     
  6. priya

    priya Guest

    Hello Linda,

    To make images static, you just need to follow the screenshot given below.

    feature_image_static.png

    NOTE: Scroll down and do for rest images as well.

    To remove fade color when the cursor hovers the image, please follow the screenshot given below.

    video_opacity_none.png

    Hope it will resolve your issue

    Do let me know if you need more assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  7. lseren

    lseren New Member

    Joined:
    Nov 18, 2015
    Messages:
    18
    Likes Received:
    0
    Location:
    Benicia, CA
    Hello Priya,

    Thank you for your help. I'm not understanding what "comment-out" means. I want to make adjustment to the video box on the homepage, in which I have a picture instead of a video. Currently the picture enlarges when it is clicked and that is what I want to change. I want it to remain static.

    I understand the instruction on changing the opacity, so I will do that. Please clarify the first "comment - out" part for me.

    Thank you,
    Linda ;)
     
  8. priya

    priya Guest

    Hello,

    Comment out the code means to make an influence of that code hidden from the front end as I have already done the way how to comment out the code in my above screenshot.:)

    You can check out that I have added "<!--" tag before the code and "-->" tag at the end of the code and these tags is known as comment tag.

    Hope you will get my point.

    Do let me know if you need more assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     

Share This Page