The highlight is a very light shade of blue depending on your screen you might not see it very well.
You can change the color to something darker to see if you can view it.
try copying the following code to your Child Theme style.css
table.highlighted {
background-color: #eef;
}
table.jobs-table tr.highlighted td{
background-color: #eef;
This code is copied from: job-manager/css/disaly.css
When i click on the specific job, i can see the highlight color Thomas.
http://saiyogroup.tk/jobs/test/ as you can see here.
http://saiyogroup.tk/jobs/ but it is not highlight the job in this link. I had checked the html code and did not see the highlighted in table class attribute.
Did you reply me Thomas? I saw the blank reply 🙁
Did not work Thomas, i think the condition if did not work, so it can not add the class “highlighted” for the table1
The individual Jobs are ALL that are highlighted with css styling , i.e color etc.
The other attribute for Tables is [job_highlighted]
If the current Job has been marked as highlighted, this will display the word “highlighted”.
Example:
[job_loop]
<div class="job[job_row_number] job[job_id] [job_odd_even]">
<table class="job-table[if_job_highlighted][job_highlighted][/if_job_highlighted]">
This will add the Word “highlighted” to that specific job post when it’s
in table format. The reason for this is to NOT Override specific theme styling for the Form itself.
Yup i know Thomas. About the attribute [job_highlighted] but as you can see here:
http://saiyogroup.tk/jobs/ this is my full job lists. Although ‘TEST’ job highlighted but it did not add the attribute [job_highlighted] in table class.
but in this link: http://saiyogroup.tk/jobs/test/ as you can see, the css did work.
Here are my Job List Template and Individual Job Template in Job Manager settings:
Job List Template:
[job_loop]
<div class="job[job_row_number] job[job_id] [job_odd_even]">
<table class="job-table[if_job_highlighted][job_highlighted][/if_job_highlighted]">
<tr>
<th scope="row">Title</th>
<td>[job_icon] [job_link][job_title][/job_link]</td>
</tr>
[if_job_categories]
<tr>
<th scope="row">Categories</th>
<td>[job_category_links]</td>
</tr>
[/if_job_categories]
[job_field_loop]
[if_job_field]
<tr>
<th scope="row">[job_field_label]</th>
<td>[job_field]</td>
</tr>
[/if_job_field]
[/job_field_loop]
<tr>
<td></td>
<td class="jobs-applynow">[job_apply_link]Apply Now[/job_apply_link]</td>
</tr>
</table>
</div><br/><br/>
[/job_loop]
[if_job_page_count]
<div class="job-nav">
<div class="previous">[job_page_previous_link]Page [job_page_previous_number][/job_page_previous_link]</div>
<div class="this">Jobs [job_page_minimum]-[job_page_maximum] of [job_total]</div>
<div class="next">[job_page_next_link]Page [job_page_next_number][/job_page_next_link]</div>
</div>
[/if_job_page_count]
Individual Job Template:
<table class="job-table[if_job_highlighted] highlighted[/if_job_highlighted]">
<tr>
<th scope="row">Title</th>
<td>[job_icon] [job_title]</td>
</tr>
[if_job_categories]
<tr>
<th scope="row">Categories</th>
<td>[job_category_links]</td>
</tr>
[/if_job_categories]
[job_field_loop]
[if_job_field]
<tr>
<th scope="row">[job_field_label]</th>
<td>[job_field]</td>
</tr>
[/if_job_field]
[/job_field_loop]
<tr>
<td></td>
<td class="jobs-applynow">[job_apply_link]Apply Now[/job_apply_link]</td>
</tr>
</table>
They both have the same condition:
<table class=”job-table[if_job_highlighted] highlighted[/if_job_highlighted]”>
but only Individual template worked!
Any news Thomas :(. Thanks a lot!
Anyone can help me with this? Thank you so much!
quangtho2910 – I have attempted to inform you that JM is doing as it’s supposed to do. The ONLY thing gets done in the Main List is ADD the Word “Highlight” to the Specific job in the list when you use [job_highlighted].
The only thing that gets an actual highlight applied via css is the Individual Jobs via that Template.
It does not work in any other fashion despite what you may think.
I am marking this issue as resolved.
