Support » Theme: Vantage » Circle Icons in Footer

  • Resolved TechnoWolf1


    I want to line my circle icons in the header side by side like they are lined up currently. Here is my website, I just basically want to move the circle icons down into the header, but keep them in the same position. When I try to put them in the footer as widgets they don’t align correctly.

Viewing 10 replies - 1 through 10 (of 10 total)
  • I just basically want to move the circle icons down into the header

    I assume the header reference was a typo?

    Anyway if you want someone to help you should have the icons available on the site, because when I looked there were no icons on the footer

    Yeah the header icon is a typo, well they are available right above the footer right now, but will put them in the footer as well so you can see how they line up.

    .widget_circleicon-widget {
        clear: none;

    Will align the footer widgets horizontally in the footer.

    Brilliant worked great now I just have to figure out how to change the text to white

    .widget_circleicon-widget .circle-icon-box h4 {
        color: #fff;

    Thanks a bunch!

    Hi Guys – You may be able to provide the solution I am looking for. I’d like to insert the circle icon into a text widget so Just the style of the round icon displays next to a paragraph of text, is this possible using html in a widget. I’m using Vantage Premium, and what would the code be for an improving novice. Thanks Phil Turner

    Not sure what exactly you are trying to do – please elaborate. The mackup for the circles is

    <div class="circle-icon">
     <div class="icon-ok-circle"></div>

    hi, i got the same problem but i didn’t understand the solution
    this is the site:
    as you see the circle icon widget are displaying vertically, i just wnat to display them orizontally.
    what i’ve got to do exactly?

    Hi mirconatili

    If you don’t already have a Child_Themes or a custom.css you should install a plugin like custom CSS plugin then add the following to the custom css area.

    .widget_circleicon-widget {
        clear: none;
Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Circle Icons in Footer’ is closed to new replies.