Skills text

Hi!
Is it possible to change the color of the text of the Skills widget in a specific row?
Thanks!
PS: and what about the “category” description in the employees, how can we hide it?

Hello there,

Yes, it is possible by using custom CSS code. The first thing to do is you have to find out the row ID name. It can be seen by viewing its source code. You can use the web browser’s inspector tool. On Firefox, right click and then select Inspect Element https://cloudup.com/cFTDj1wGUvJ. Then apply the following custom CSS code into your site’s additional CSS option under Appearance > Customize > Additional CSS:


#pg-220-1 .widget_rocked_skills .roll-progress .name,
#pg-220-1 .widget_rocked_skills .roll-progress .perc {
   color: #ff0000;
}

From the code above, replace pg-220-1 with your row ID name.

To hide the category name on the employees’s page, you can add this CSS code:


.single-employees .hentry .post-meta span.cat-links{
   display: none;
}

Regards,
Kharis

I! Not shure about how to see the row ID name. Is it in this screenshot? (please see the link)

Hello there,

I am sorry for suggested incorrect code. To style based on each skill item, use this code:


.widget_rocked_skills .roll-progress:nth-of-type(1) .name,
.widget_rocked_skills .roll-progress:nth-of-type(1) .perc {
   color: #ff0000;
}

.widget_rocked_skills .roll-progress:nth-of-type(2) .name,
.widget_rocked_skills .roll-progress:nth-of-type(2) .perc {
   color: #fff000;
}

.widget_rocked_skills .roll-progress:nth-of-type(3) .name,
.widget_rocked_skills .roll-progress:nth-of-type(3) .perc {
   color: #ff0000;
}

.widget_rocked_skills .roll-progress:nth-of-type(4) .name,
.widget_rocked_skills .roll-progress:nth-of-type(4) .perc {
   color: #fff000;
}

Regards,
Kharis

Hi! It is to put in the CSS section, right?
It appears like this: :slight_smile:

Right. Isn’t that what you’re looking for?

Regards,
Kharis

Yes, but I need all the text in white colour. (and not all these colours)
Is it possible?
Thanks

Hello there,

Please use this code:


.widget_rocked_skills .roll-progress .name {
   color: #fff;
}

Regards,
Kharis

Its this!!! :slight_smile:
Thanks!

Hello there,

Thank you for updating me. I am glad to know that the last code worked for you.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis

Thanks for all the help!! :slight_smile: