Adding Custom CSS for WP Job Manager

Note: All code examples on this site are provided for developer reference/guidance only and we cannot guarantee that they will always work as expected. Our support policy does not include assistance with modifying or debugging code from any code examples, and they may be changed or removed if we find they no longer work due to changes in our plugins.

The layout of WP Job Manager and its add-ons greatly depends on the theme you are using. Nevertheless, even if you don’t like the default style that your theme provides, you can add your own CSS code to change it. For instance, if you’d like to change the text size for the listings on the [jobs] page, you could use:

ul.job_listings li.job_listing {
  font-size: 18px;
}

The custom CSS code should be added to Appearance -> Customize -> Additional CSS. If you’d like to add even more options to the Additional CSS feature that WordPress provides, we can recommend Jetpack and its Custom CSS module.

Advanced Usage Documentation