Change numbers in skill circles

  • Resolved htausch

    (@htausch)


    9 years, 2 months ago

    I am using a child theme and want to have the skill circles show 100% filled but show “20” in the middle. I have already made a few minor adjustments to the zerif.js and properly enqueued it. Has anyone successfully done this?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter htausch

    (@htausch)

    Figured it out. Added this css:
    input.skill1, input.skill2, input.skill3, input.skill4 {
    visibility: hidden;
    }
    .unique-number {
    color: #ffffff;
    font: bold 16px Arial;
    height: 21px;
    margin-left: 15px;
    margin-top: 21px;
    padding: 0;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 36px;
    }
    Then changed the following to the about_us.php file found in the sections folder:

    echo '<div class="skill-count"><div class="unique-number">1</div>';

    Alexandra

    (@alexandrastan001)

    Hello,

    Awesome! Glad that you got it solved and thank you sharing the solution with the rest of the users.

    Best regards,
    Alexandra

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change numbers in skill circles’ is closed to new replies.