How to link an Icon Element

Support
#21

Hi Joao,

Thanks for the code.

I’ve tried to add the it both places, but unfortunately it does not have an impact on the positioning of the boxes.

#22

Hey There,

Would you mind providing us with login credentials so we can take a closer look? Please provide following information:

Set it as Secure Note

  • Link to your site
  • WordPress Admin username / password

All the best!

#23

Sure and thank you for helping.

#24

Hi again,

Thank you for the credentials. I went ahead and changed the previous code to this:

@media screen and (min-width: 979px) {
	#infografik_1, #infografik_2, #infografik_3, #infografik_4 {
    	display: inline-block;
	}
}

Please clear your browser’s cache and reload the site.

Cheers!

#25

Hi Nabeel,

That’s amazing and thank you!

#26

Glad we could help.

Cheers!

#27

Hi there,

Now I’ve added some more feature boxes and made the links work - but how do I get an external link to open in a new tab? I’ve tried adding target “_blank” to the link and this code $( ‘a[href^=“http://”]’ ).attr( ‘target’,’_blank’ ) - both in global JS but it does not seem to have an effect.

Can you help me with this problem as well?

Best regards
Carina

#28

Hi Carina,

You can try updating your codes to something like this:

$("#theID").wrap('<a href="#" target="_blank"></a>');

Hope this helps.

#29

Thanks, I just now noticed that I missed “=” in my code.

Cheers!

#30

You’re most welcome.

#31

Hi there,

You guys helped me make external links on feature boxes work. however, I just realized that the links do not work on mobile devices - can you help me solve this problem too?

Best regards
Carina

#32

Hi there,

You can only use one ID at a time, you have separate and different content for desktop and mobile, and both content has the same ID. Please make sure that you change your mobile contents ID to something else, example, let’s say you change your mobile column’s ID to :

infografik_1_mobile

then, your code will be similar to this

$("#infografik_1").wrap('<a href= "https://redrive.dk/redrive-generhverv-dit-korekort/generhverv/"></a>');
$("#infografik_1_mobile").wrap('<a href= "https://redrive.dk/redrive-generhverv-dit-korekort/generhverv/"></a>');

Where the first line is for desktop, and the second is for mobile.

Thanks!