Happy Addons is a popular WordPress plugin that offers a wide range of widgets and features to enhance your website’s functionality and design. One of the most useful features of Happy Addons Skill Bar widget, which displays progress bars for different skills and abilities. However, some users may want to hide the percentage from the Skill Bar widget to give their website a cleaner look. In this article, we will show you how to do just that.

Unfortunately, Happy Addons does not provide a built-in option to Hide Percentage from Happy Addons Skill Bar Widget. However, you can achieve this by adding custom CSS code to your website. Here are the steps to follow:

Step 1: Navigate to the Happy Addons settings page for Happy Addons Skill Bar

To begin, log in to your WordPress dashboard and navigate to the Happy Addons settings page. You can find this by going to ‘Happy Addons’ in the left-hand menu and clicking on ‘Settings.’

Step 2: Enable custom CSS

Once you’re on the Happy Addons settings page, scroll down until you see the ‘Advanced’ section. Here, you’ll see an option to ‘Enable Custom CSS.’ Toggle this option to ‘On’ to enable custom CSS on your website.

Step 3: Add the custom CSS code

Now that you’ve enabled custom CSS, it’s time to add the code that will hide the percentage from the Skill Bar widget. Here is the code you need to add:

visibility: hidden;
.ha-skill-level-text:before {
content: '99';
visibility: visible;

Copy this code and paste it into the ‘Custom CSS’ box on the Happy Addons settings page. Make sure to save your changes when you’re done.

Step 4: Check your website

That’s it! The custom CSS code should now be applied to your website, and the percentage should be hidden from the Skill Bar widget. If you want to change the number that appears in place of the percentage, you can edit the number in the ‘content’ property of the CSS code. For example, if you want to display ‘100’ instead of ’99’, simply change ‘content: ’99’;’ to ‘content: ‘100’;’.

In conclusion, Happy Addons is a powerful plugin that offers a lot of great features for WordPress websites. While there is no default option to hide the percentage from the Skill Bar widget, adding custom CSS code is a simple and effective way to achieve this. With the steps outlined above, you should be able to hide the percentage and give your website a cleaner look.

Best WordPress themes in 2024


Please enter your comment!
Please enter your name here