Make animated icon boxes circles

[mstookey]

Hi,
I was wondering if there was any css I could add to convert the animated icon boxes to circles. I use circles on the home page of the site and it would be nice if the animated icon boxes I use on another page could be circles. I’d like them just as they are but instead of boxes – circles. Was hoping there was some simple css magic that could accomplish this.

Once logged in the page I’m using the boxes on will be visible. It’s on the CAREERS pages.

Thanks for any suggestions.

Marilyn

[David Martin – Support]

Hi,

I have logged in, however, I see no page you mention – can you paste the admin URL you are using for the page?

Thanks.

[mstookey]

This reply has been marked as private.

[David Martin – Support]

Hi,

There is no reason why this cannot be done with custom CSS. For example, upon testing on my dev site, this works nicely:

Please add this to Theme Options => Custom CSS:

.sf-icon-box-animated .front,
.sf-icon-box-animated .back {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}