WordPress.org

Forums

Vantage
[resolved] Circle Icons in Footer (11 posts)

  1. TechnoWolf1
    Member
    Posted 1 year ago #

    I want to line my circle icons in the header side by side like they are lined up currently. Here is my website http://www.technowolf.com/, 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.

  2. salsaturation
    Member
    Posted 1 year ago #

    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

  3. TechnoWolf1
    Member
    Posted 1 year ago #

    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.

  4. batharoy
    Member
    Posted 1 year ago #

    .widget_circleicon-widget {
        clear: none;
    }

    Will align the footer widgets horizontally in the footer.

  5. TechnoWolf1
    Member
    Posted 1 year ago #

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

  6. batharoy
    Member
    Posted 1 year ago #

    .widget_circleicon-widget .circle-icon-box h4 {
        color: #fff;
    }
  7. TechnoWolf1
    Member
    Posted 1 year ago #

    Thanks a bunch!

  8. Phil Turner
    Member
    Posted 1 year ago #

    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

  9. salsaturation
    Member
    Posted 1 year ago #

    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>
    </div>
  10. mirconatili
    Member
    Posted 10 months ago #

    hi, i got the same problem but i didn't understand the solution
    this is the site:http://www.right-cost-no-profit.org/service
    as you see the circle icon widget are displaying vertically, i just wnat to display them orizontally.
    what i've got to do exactly?

  11. salsaturation
    Member
    Posted 10 months ago #

    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;
    }

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic