• 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!

Viewing 1 replies (of 1 total)
  • Sorry about this rather silly question… but how does one make the front end colors be background coloured with white writing just like the single job post on thos code?

Viewing 1 replies (of 1 total)
  • The topic ‘CSS Code to Change Job Type Colors’ is closed to new replies.