Skill shortcode not working

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #12903
    Lostudiosrl
    Member

    Hi, I’m trying to insert the Skill Team progress bar as in your Live Demo
    My site URL: http://webdemo.dsign.it/wearable/
    Can you please help me?

    #12911
    Veena
    Moderator

    You can use the below shortcode –

    [segment class="dark-bg" id="stats-section" background_image="https://www.livemeshthemes.com/agile/wp-content/uploads/2014/01/parallax-bg10.jpg" background_color="#eee" parallax_background="true" background_speed="0.6"]
    
    [one_half]
    
    [skills]
    
    [skill_bar title="Web Design 87%" value="87"][/skill_bar][skill_bar title="Logo Design 60%" value="60"][/skill_bar]
    
    [skill_bar title="Brand Marketing 70%" value="70"][/skill_bar][skill_bar title="SEO Services 67%" value="67"][/skill_bar]
    
    [skill_bar title="Print Collateral 40%" value="40"][/skill_bar]
    
    [/skills]
    
    [/one_half]
    
    [one_half_last]
    
    [piechart percent=70 title="Repeat Customers"]
    
    [piechart percent=92 title="Referral Work"]
    
    [/one_half_last]
    
    [/segment]
    
    #12928
    Lostudiosrl
    Member
    This reply has been marked as private.
    #12935
    Veena
    Moderator

    I have added the Id “stats-section” in Row Settings and now everything seems fine. Pls check it once. Thanks.

    #12945
    Lostudiosrl
    Member

    Wonderful! Thank you very much for your help
    Last request, can you please tell how to change the pie chart circle colors?
    Thank you 🙂

    #12966
    Veena
    Moderator

    You can change it in file js/main.js line no:98,99.

     barColor: '#fff',
     trackColor: '#000'
    
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Agile Theme Support’ is closed to new topics and replies.