If you take a look at the demo site HERE you can see that the icons on the homepage have a big circle around them whereas the icons on the ‘built-in tools>gridly stack’ page do not. I can’t for the life of me work out how to make the images on the gridly stack page have the same circles around them that they icons on the home page do.
I have downloaded the demo and taken a look and the home page is done just in HTML by the looks of things whereas the gridly stack page is done with html stacks etc
so the homepage is as follows when i look at it
"<!-- ec two --> <div id="myExtraContent2"> <!-- grid demo --> <div class="row"> <section class="3u 6u(2) 12u$(3) align-center"> <span><i class="icon fa-desktop"></i></span> <h3>Responsive Design</h3> <p>This theme is a responsive design, which means that the layout will change to accommodate all screen sizes big and small.</p> </section>"
With this the icons have a circle around them
but when i copy the relevant section from above into an HTML stack they appear without a circle around them
"<span><i class="icon fa-desktop"></i></span>"
Can anyone explain to me what it is that makes the icons have circles around them on the home page and how i can incorporate that into an HTML stack on another page ?