About facts widget


In facts widget, I have only THREE facts to show, and I want to show them even and centered (not left).

And one more question, could you tell me how to change the icon color in facts widget (it’s reddish at the default)?

Thank you.

Hello there,

Please try these steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box

      "use strict"

      if( $('.sydney_facts_widget').length ) {

          $('.sydney_facts_widget .col-md-3').wrapAll('<div class="facts-wrapper"></div>');



4 . Update
5 . Add this extra CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width:768px ) {

      .facts-wrapper:after {
        content: '';
        display: block;
        clear: both;

      .facts-wrapper {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;


You should clear any applied cache as it may block new code additions to take effect.

Let me know how it works.


Hi Kharis
Works super

You’re welcome Peter!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.