Jump to content


Photo

How to Fix Hyperlinks in Feature Box, Feature Slider & Footer section


  • Please log in to reply
4 replies to this topic

#1 anstevns

anstevns

    Newbie

  • Members
  • Pip
  • 3 posts

Posted 03 November 2011 - 12:32 AM

Hi there, I bought iBlogPro 4 and I decided to play with it making some changes on top of the current content that came with the theme and I'm having some issues with it. I've spent too many hours reading the posts in the forum and while I was able to find a couple of answers to some of my questions, I feel like I am wasting time so I decided to ask for your help. I've noticed you've helped a lot of people and I've seen how people seem to appreciate your support. I know you need a link to my website. Here it is, www.geniusvisionary.com Here are some of the issues I'm having. 1. I replaced the content of the feature boxes and then I added hyperlinks to the images on each of the three boxes. Feature box 1 seems to be fine with the 'text' as it is and the hyperlink is ONLY clickable in the image itself (exactly like I wanted); in the feature box 2, for some reason, the 'text' is hyperlinked to the link embedded in the image from feature box 1; the same thing is happening with feature box 3 where the 'text' is linking to the hyperlink from the image in the feature box 2. Even more interesting, the issue replicated itself to the footer by adding a hyperlink to the link in the image from feature box 3. By the way, I replaced the footer that came with iBlog Pro 4 with the one from a previous version (iBlog 3.6.3). I left the credit to PageLines in the footer. Maybe you can tell me if that's OK or if I should take it off. How do I fix this issue? I'd like the 'text' in the feature box 2 not to be hyperlinked (same goes for feature box 3), and also how do I get rid of the hyperlink in the footer? In addition to that I would also like to add a target on each image to open the embedded link in a new window instead of the parent page. In other words, I'd like feature box 2 and 3 to be setup just like feature box 1 (title text with no hyperlink and clickable link in the image only. 2. In the Feature Slider section, I tried to add a link to the images and after I save it, a number 5 appears next to the icon #4. All I did was I put the following hyperlink BEFORE the tag in the Feature Media Code section. How can I fix this issue? I've been making most of these changes in the iBlogPro Feature Setup option in WordPress. Please advise what I need to do to fix these issues. Your help will be much appreciated. Thanks in advance,

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 03 November 2011 - 01:41 AM

Have you already tried deactivating all plugins you currently have?


By the way, I replaced the footer that came with iBlog Pro 4 with the one from a previous version (iBlog 3.6.3). I left the credit to PageLines in the footer. Maybe you can tell me if that's OK or if I should take it off.


It's fine if you leave it there.

#3 anstevns

anstevns

    Newbie

  • Members
  • Pip
  • 3 posts

Posted 03 November 2011 - 05:25 AM

You mean WordPress plugin? If so, the only plugin I have installed was Jetpack by WordPress.com. I deactivated it and nothing happened.

#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 16897 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 03 November 2011 - 08:05 AM

Hi Anstevns,

Your problem is your HTML, you're not closing the tag, thats why box 2 title has the same link as box 1 image.

I have copied your code of box one by viewing your page source.

 
	<div class="fboxtext"><a href="http://www.amazon.com/gp/product/1451648537/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&tag=geniuvisio-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1451648537" target="blank"><img src="http://www.geniusvisionary.com/wp-content/themes/iblog/images/sjbook1.png" alt="Steve Jobs by Walter Isaacson" class="aligncenter"/></div>

Now at the end where you see this

 
	class="aligncenter"/></div>

It should look like this:

 
	class="aligncenter"/></a></div>

So the way to resolve this would be to go back to your boxes and where you added the HTML, at the end of the code add this to it.

 
	</a>

That should resolve your box, footer link issue, also your feature slider issue appears to be similar your HTML is slightly incorrect, in the code above you posted, your missing the
at the end of the code again.

Hope this helps.

#5 anstevns

anstevns

    Newbie

  • Members
  • Pip
  • 3 posts

Posted 03 November 2011 - 02:53 PM

Thanks Danny. You were right. Thanks a bunch!