Monday, October 2, 2023

Home Blog

How to Hide Percentage from Happy Addons Skill Bar Widget with Custom CSS

March 10, 2023

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 is the 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

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:

.ha-skill-level-text{
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.

What is the difference between Dokani and Dokan theme

Al Rubyat

June 26, 2022

Many Dokan plugin users want to use the free theme which is provided and made by weDevs. Because they trust weDevs themes more than other themes. But when they search for Dokan theme, they get two themes, one is Dokani theme and another one is Dokan theme. Then they get confused about which one is best for Dokan multivendor marketplace and which one they should use for their marketplace?

Dokani and Dokan are both responsive, light weight and Dokan compatible themes, Also they are both made by weDevs. You do not have to pay a penny to use these themes.

Dokani theme is older than Dokan theme. Dokani theme has some bugs and conflicts so weDevs CTO Mr. Tareq Hasan has created another free theme called Dokan theme with a different design. The Dokan theme works well with the Dokan multivendor marketplace. On the other hand, if you use the Dokani theme, you may encounter some technical issues. But Using the dokan theme without having to face such problems.

For more details about Dokani and Dokan theme you can Click here Click here

Now I am going to share a comparison table between Dokani and Dokani themes:

which one you should use for your marketplace?

Since the Dokani theme has stopped publishing any updates for a long time I think the Dokan theme should be chosen because if you encounter any problem, you can contact wedevs support if you want.

To download Dokan theme please follow the instructions below:

Click this URL and it will redirect you to Dokan theme Github account page: https://github.com/weDevsOfficial/dokan-theme

If you see this page, click on the Code button and click the Download Zip button, It will automatically start downloading.

12 Page 1 of 2

Step 1: Navigate to the Happy Addons settings page

Step 2: Enable custom CSS

Step 3: Add the custom CSS code

Step 4: Check your website

The Best Smartwatches of 2023: Top Picks for Health, Fitness, and Connectivity

2. Samsung Galaxy Watch 4

3. Garmin Venu 2

4. Fitbit Sense

5. Huawei Watch GT 2 Pro

6. Fossil Gen 6

7. TicWatch Pro 4G/LTE

8. Amazfit GTR 2e

9. Mobvoi TicWatch E3

10. Honor Watch GS Pro

Buying Guide for Best Smartwatches

Frequently Asked Questions

Q: What is the best smartwatch of 2023?

Q: What health and fitness features should I look for in a smartwatch?

Q: Can I make calls and send messages from a smartwatch?

Q: What is the battery life of a typical smartwatch?

Q: What operating systems are compatible with smartwatches?

Q: How do I choose the best smartwatch for me?

Conclusion

WordPress theme and plugin conflict – Developer’s Way

Career Development Seminar at Chirirbandar – Stories of Inspiration

For more details about Dokani and Dokan theme you can Click here Click here

Now I am going to share a comparison table between Dokani and Dokani themes:

which one you should use for your marketplace?

To download Dokan theme please follow the instructions below:

Today I am going to share how you can set Product category wise commission in Dokan:

Translate Dokan Pro plugin using Loco Translate in 2023

Step 1: Installing Loco Translate plugin

Step 2: Choose the bundle name

Step 3: Select the language

Step 4: translating the text

Step 5: Final Step

1. Installing Git

Creating a Vendor Account

Add new Vendor

Adding vendor pop-up

Step 1: Adding Account Info

Adding new vendor

Step 2: Address

Address section

Step 3: Payment Options

Payment options

Create new vendor

Vendor list

EDITOR PICKS

POPULAR POSTS

POPULAR CATEGORY