Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Change Line Width of Skills Pie Chart

    • 10 years, 3 months ago epilo
      Participant

      Expired

      Hi,

      Does anybody know how we can change the width of the line on the skills pie chart. It is extremely thin and i would like this much thicker.

      https://codeless.co/specular/default/?page_id=800

      Hope you can help.

    • 10 years, 3 months ago epilo
      Participant

      Expired

      …and the actual size of the chart too. It seems that it can only be this size and this line weight. Ideally I’d like the flexibility to change both.

    • 10 years, 3 months ago Ruco
      Keymaster

      Hello,

      Please edit the file ‘specular/js/jquery.easy-pie-chart.js’.
      Find the lines:

       $.easyPieChart.defaultOptions = {
            barColor: '#ef1e25',
            barColor2: '#ef1e25',
            trackColor: '#f2f2f2',
            scaleColor: '#dfe0e0',
            lineCap: 'round',
            size: 110,
            lineWidth: 3,

      and change the lineWidth(in px).

      Best regards!

    • 10 years, 3 months ago epilo
      Participant

      Expired

      Hi Ruco,

      Thanks so much for the replay.

      I have located and changed this to lineWidth: 10, and it does’nt alter the size of the line unfortunately?

      Do you have any more suggestions please?

      Many Thanks

    • 10 years, 3 months ago Ruco
      Keymaster

      Hello,

      Please can you show me your ftp credentials in a private reply, so I can check and fix it?

      Best regards!

    • 10 years, 2 months ago epilo
      Participant

      Expired

      This reply has been marked as private.
    • 10 years, 2 months ago epilo
      Participant

      Expired

      This reply has been marked as private.
    • 10 years, 2 months ago Ruco
      Keymaster

      Hello,

      Please edit the file ‘specular/js/animation.js’.

      Find these lines:

      $chart.easyPieChart({
      					        	lineWidth: 3, 
      					        	size: 140,
      					        	trackColor: color2,
      					        	scaleColor: false,
      					        	barColor: color,
      					        	barColor2: color,
      					        	animate:2000
      					    	});

      change ‘lineWidth’ to ’10’ or the width you want.

      Best regards!

    • 10 years, 2 months ago epilo
      Participant

      Expired

      Excellent Ruco – worked well. Thanks for the support.

       

       

Viewing 8 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password