CSS Code to Change Job Type Colors
-
Add the code below to “Additional CSS” via the Customizer in the WordPress admin to change the job colors on your job listings page and your single job listing pages.
To change color of job type colors on your job listings page:
.job-manager .job-type,.job-types .job-type,.job_listing .job-type
{
color: #075869
}.job-manager .full-time,.job-types .full-time,.job_listing .full-time
{
color: #5b922a
}.job-manager .part-time,.job-types .part-time,.job_listing .part-time
{
color: #2a8fa1
}.job-manager .temporary,.job-types .temporary,.job_listing .temporary
{
color: #d93674
}.job-manager .freelance,.job-types .freelance,.job_listing .freelance
{
color: #39c
}.job-manager .internship,.job-types .internship,.job_listing .internship
{
color: #6033cc
}To change color of job type labels on you single job listing pages:
.single_job_listing .meta .other
{
background-color: #075869!important;
}.single_job_listing .meta .part-time
{
background-color: #2a8fa1!important;
}.single_job_listing .meta .full-time
{
background-color: #5b922a!important;
}Hope this is helpful!
- The topic ‘CSS Code to Change Job Type Colors’ is closed to new replies.