Styling

To customize the appearance of the jobs list, use the following classes in your CSS file:

<ul class="smartrecruitersJobList">
    <li class="smartrecruitersJobListElement">
        <h2 class="smartrecruitersJobListElementHeader">
            <a href="" title="Job 1 name">Job 1 name</a>
        </h2>
        <ul class="smartrecruitersJobListDetails">
            <li class="smartrecruitersJobListDetailsElement">Job 1 location</li>
        </ul>
    </li>
    <li class="smartrecruitersJobListElement">
        <h2 class="smartrecruitersJobListElementHeader">
            <a href="" title="Job 2 name">Job 2 name</a>
        </h2>
        <ul class="smartrecruitersJobListDetails">
            <li class="smartrecruitersJobListDetailsElement">Job 2 location</li>
        </ul>
    </li>
    ...
</ul>

To customize the appearance of the job descriptions, use the follwing classes in your CSS file:

<div class="smartrecruitersJobDetails">
    Company Description
    <p>Lorem ipsum dolor...</p>
    <p>
        Job Description<br><br>
        Lorem ipsum dolor...<br><br>
        Qualifications<br><br>
        Lorem ipsum dolor...<br><br>
        Additional Information<br><br>
        Lorem ipsum dolor...<br><br>
    </p>
    <p>
        <a class="smartrecruitersApplyLink" href="" target="_blank">Apply</a>
    </p>
</div>