I'm still struggling with this and would appreciate you taking a look. I've actually tried the regular iBoxes twice and I get better results EXCEPT I cannot get the image to work with it.
So right now I have 3 different options displayed on http://makeover.hoffmangraphics.com/ (below quotes).
The first one has NO link specified in the copy or in the link field yet the body copy still links. I can't even tell how it knows what to link to!
The middle one uses this code in the text box:
<a href="http://www.makeover.hoffmangraphics.com/services">More <i class=" icon-arrow-right"></i></a>
That's great looking EXCEPT I do NOT want the text linked in the body. I want it gray not link colored.
So in the 3rd box I tried moving the link out of the text box and using the same code to make the more link. As you can see it sort of works in that the text is now gray and the more link does link correctly and have the arrow. HOWEVER, it is located above the image instead of below and it displays some bad code. I've tried to clean that up but so far no joy. If I remove all the code for the icon-arrow-right and just put a link in it then the entire description lights up as a link again.
Can you PLEASE help me sort this? Right now you can still see the non-Better iBox below. The text and link look as I'd like but I cannot get the image on it to behave normally. Thanks.