Linking an Icon Box

[Blue Max]

I’m trying to link an icon box to an other page, though when I do it the way I do, it creates a white space above the icon box. In the attachment picture, it shows how I do it right now, including how it looks like.

Help is appreciated!

Many thanks,
Ruben

[Kyle – SUPPORT]

Pretty sure you don’t need the paragraph and span tags. Try removing those and see if it makes a difference.

– Kyle

[Blue Max]

Hi Kyle,

I’ve changed the code according to your direction, but actually nothing changed! There is still a white space appearing above it. I’ve got the full widget code here:

<a title="Social Media" href="http://www.Blue-Max.nl/social-media/">[sf_iconbox image="fa-group" character="" color="standard" type="standard" title="Social Media & Apps" animation="none" animation_delay="200"]</a>

<h6 class="aligncenter" style="text-align: center;"><a title="Social Media" href="http://www.Blue-Max.nl/social-media/"> TRAINING - STRATEGIE - CONCEPTING - IMPLEMENTATIE - APP ONTWIKKELING></a></h6>
<p class="aligncenter" style="text-align: center;"><a title="Social Media" href="http://www.Blue-Max.nl/social-media/">Blue Max maakt het eenvoudig voor klanten om met Sociale Media & Apps slim en creatief te communiceren.</a></p>
<p class="aligncenter" style="text-align: center;"><a title="Social Media" href="http://www.Blue-Max.nl/social-media/">[/sf_iconbox]</a></p>

I hope you can help, I’ve refreshed the page over a 100 times by now, and can’t seem to fix it!

Thanks,
Ruben

[Kyle – SUPPORT]

It should be:

<a title="Social Media" href="http://www.Blue-Max.nl/social-media/">[sf_iconbox image="fa-group" character="" color="standard" type="standard" title="Social Media & Apps" animation="none" animation_delay="200"]
<h6 class="aligncenter" style="text-align: center;">TRAINING - STRATEGIE - CONCEPTING - IMPLEMENTATIE - APP ONTWIKKELING></h6>
<p class="aligncenter" style="text-align: center;">Blue Max maakt het eenvoudig voor klanten om met Sociale Media & Apps slim en creatief te communiceren.</p>
[/sf_iconbox]</a>

– Kyle

[Blue Max]

Hi again,

Sadly, no results. The only front end change was that the paragraph text wasn’t linked anymore.

What could I do?

Thanks,
Ruben

ps: I’ve added two screenshots where on the mobile version, where it’s extra noticable.

[Kyle – SUPPORT]

If you can provide me with a link I will see what is causing the spacing.

– Kyle

[Blue Max]

Hi Kyle!

We’ve put the site online yesterday, so now I can show you: http://www.Blue-Max.nl

The white space occurs directly on the home page under the slider.

Thanks!

[Kyle – SUPPORT]

Hi

Please add pt0 to your text box extra class field. This will remove the spacing 🙂

Just for your information:

mt0 = margin-top:0;
mb0 = margin-bottom:0;
pt0 = padding-top:0;
pb0 = padding-bottom:0;

🙂

– Kyle

[Blue Max]

Kyle!

Worked like a charm, merci beaucoup!

[Kyle – SUPPORT]

Great! Glad I could help

– Kyle

[Misec]

Hi, is it possible to link an Icon box to another page through editing the swift editor box?

[Misec]

ignore my comment. I’ve just figured out the difference between visual and text.

[Kyle – SUPPORT]

No problem