Recreating Demo Content

[Rene Gonzalez]

How do I go about updating the first 3 stats on the “Our Participants” section on the http://flhealthytransitions.org/uptodate-2/ page so that they are animated as shown in the 2nd section of http://themetrademark.com/demo/fusion/ (please see attached)?

I am specifically referring to the following content/text:

8,335 youth and young adults (YYAs) have been screened for behavioral health services

142 YYAs enrolled in Wraparound or Intensive Case Management services

122 YYAs attended weekly Bent Not Broken Mental Wellness group activities

For your benefit, I am including login credentials:

http://flhealthytransitions.org/wp-admin/
UN: admin
PW: VMgnku(1ocQc*qlZyVN!Iq!a

[Veena]

This reply has been marked as private.

[Rene Gonzalez]

This reply has been marked as private.

[Rene Gonzalez]

This reply has been marked as private.

[Veena]

You need to include “Raleway” font first and have the below custom CSS in themeoptons > custom CSS to make the same font as in the example site-

.animate-numbers .stats .number {
    color: #00bff3;
    font-family: 'Raleway', sans-serif;
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 35px;
    font-size: 48px;
    line-height: 60px;
    color: #e84a52;
}

And you can hide the icons using below custom CSS –

.animate-numbers .stats .stats-title i {
    display: none;
}

For stats title pls have the below custom CSS –

.animate-numbers .stats .stats-title {
    width: 100%;
    height: auto;
    padding-bottom: 30px;
    position: relative;
    color: #4d595a;
    font-family: 'Raleway', sans-serif;
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 20px;
}

These all are “Raleway” font. This custom CSS works only after including raleway font in your site.

[Rene Gonzalez]

This reply has been marked as private.

[Rene Gonzalez]

This reply has been marked as private.

[Rene Gonzalez]

This reply has been marked as private.

[Rene Gonzalez]

This reply has been marked as private.

[Veena]

You need to use the “Team” widget.
Pls have a look here –
http://flhealthytransitions.org/our-team/

For testimonials you need to use “testimonials” widget.

Pls use the icons listed here –
https://support.livemeshthemes.com/faqs/icons-bundled-with-fusion-theme/

[Rene Gonzalez]

This reply has been marked as private.

[Rene Gonzalez]

This reply has been marked as private.

[Veena]

1. Kindly go through this article – https://teslathemes.com/blog/how-to-add-custom-fonts-to-wordpress/
After including the raleway font you can use the custom CSS which i have shared before.

2.Pls check now – http://flhealthytransitions.org/our-team/ This is our testimonials widget without slider.

3. Pls use the below custom CSS –

.animate-numbers .stats .stats-title i {
font-size: 46px;
color: #1a635c;
}

[Veena]

1. Kindly go through this article – https://teslathemes.com/blog/how-to-add-custom-fonts-to-wordpress/
After including the raleway font you can use the custom CSS which i have shared before.

2.Pls check now – http://flhealthytransitions.org/our-team/ This is our testimonials widget without slider.

3. Pls use the below custom CSS –

.animate-numbers .stats .stats-title i {
font-size: 46px;
color: #1a635c;
}

[Jeremy Scholz]

This reply has been marked as private.

[Author]

Posts