Add padding to main template

Hi aaronjames,

One way is to place the template into a wrapper div and then apply a class to the wrapper, that way you can apply css to it however you like.

An example would be:

<div class="jobs_list">
        [job_loop]
            ….
        [/job_loop]
</div>

This is how I use it.

Sorry about poor knowledge here, but which file is the template?

Basically I am looking to add the padding to:

/jobs/
/jobs/apply/

If you go into the Job Manager settings in the WordPress Dashboard, select the “Display Settings” tab on the top, there are template fields there for “Job List” and “Individual Job”.

Here is where you control how the jobs list, and each job listing gets printed. You can change the shortcodes as you see fit as well as add some html markup to it. For instance the apply button has a class of “jobs-applynow” which you could target with css. If you left the templates as default I’m pretty sure that class is there, all you would have to do is edit your stylesheet and add the css properties to the “jobs-applynow” class selector name without doing anything else.

What should I do to troubleshoot the short codes not working?

If you want you can paste what you have here and I can take a look.

Here’s the two pages I am trying to get some space top and bottom:

https://sndebtsolutionsmain.debtsettlementnegotiations.com/jobs/
https://sndebtsolutionsmain.debtsettlementnegotiations.com/jobs/apply/

I tried the shorts codes on this page so you can see they are not working or I am missing the instructions:
https://sndebtsolutionsmain.debtsettlementnegotiations.com/careers/

Ok so for the application page, in the “Display Settings” tab that I mentioned earlier, you can add a div in the “Before the Application Form” field, and then close the div in the “After the Application Form” field. If you give it a class you can put some padding around that wrapper div.

It would be the same thing for the jobs listing page, in that “Display Settings” tab, you just add a div or put a class on what you have in the template field around the shortcodes that are already there.

Wow, I missed that completely. Sorry and thank you for having the patience to reply to me.

I understand clearly now what you were trying to describe and guess I didn’t scroll all the way to the bottom to connect what you were saying.

I have he spacing now, again, thank you.

Another thing is just edit your stylesheet with the existing selectors. I see you have a class called “ww-container” you can put padding on that too.

Or target the “row-fluid” class, or something inside the “col-md-9” like the h3 tag and the apply now link. Whatever doesn’t interfere with other pages. There’s already classes assigned to the job listing template you just have to target them.

Ah ok nice, no problems glad you got it working. It took me a little bit to understand the Job Manager backend but once I did it is very simple and I’m glad it is.

Couldn’t agree more, that back end is pretty simple. That’s usually the problem, we look for complex things to fix that when something is that easy we pass right over it!

Excellent help ritgo – Thanks