Hi Peter

Unfortunately we are unable to replicate this issue. As a bit of a shot in the dark could you try adding the following to the Custom CSS field of your templates parameters...

.hi-icon[class^="fa-"]::before, .hi-icon[class*=" fa-"]::before {

    overflow: visible;

}

Failing that may I ask what version of Chrome are you using? What is your screen resolution? Would you have a URL: to your example of the issue?

Ciarán

Hi Ciarán,

it seems that the problem is related to the width of the screen of the browser.
I have attached four images, two are good, two are not so good. I made the browser-window a bit smaller, like one or two pixels, and the problem is gone. Two pictures of full screen, and two pictures of smaller browserwindow.

I added your code to the template but it doesn't work.
My chrome version is 42.0.2311.135 m
The URL is http://www.domeintest.eu
My screen resolution is 1680 * 1050px.

Let's not make this a big issue, it is not worth the time.

Regards, Peter

Thank you Peter for detailing the issue.

Could you try adding the following to the Custom CSS field of your templates parameters where #6f9ab1 is the color of your border...

.hi-icon-wrap.hi-icon-effect-9 .hi-icon:after {

  box-shadow: inset 0 0 0 1px #6f9ab1 !important;

}

Ciarán

Hi Ciarán,

YES! working. Thank you!.
Maybe you can do this also with the demotemplate on your own website. That one has the same issue.

Peter

Hi Peter

The demo has been updated and a fix added to the template download. Thank you for bringing this issue to our attention!

Ciarán