Making Job Posts 2 Columns

[tsimarketing]

I finally got my job posts to show up on my careers page. But right now all the posts are in one column and their just making the page really long. http://tsihealthcare.com/maintesting/?page_id=26.
Is there a custom css code that I could add which would make these posts two columns?

[Melanie – SUPPORT]

Hi, have you already tried pasting your jobs in two “one half” column shortcodes?

Cheers!

[tsimarketing]

I’m not sure if I did that. What would that shortcode look like? The way I have the job posts going into my textblock is using this job shortcode I found from the internet, [jobs]. So what type of shortcode would I put around this shortcode to get the jobs posts to go into two columns?

[Kyle – SUPPORT]

Hi

Add this to your custom css, set the text box to 1/1 width

@media only screen and (min-width: 769px) { 
.jobs > li {
  width: 48%;
  float: left;
}
.jobs > li:nth-child(odd) {
  margin-right: 4%;
}
}

– Kyle

[tsimarketing]

I can’t make my text block 1/1 width because I have a google map over to the right of the page. See attached photo. Would I need to make the text block specificly 1/1 width for this code to work. Or could this code be fixed so it would work for a 3/4 width text block?

[tsimarketing]

I forgot to attach the image.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

No it will work at any width, but might be a bit squashed. I didn’t mean 1/1 of the page, but you have it in a column right? So it just needs to be full width of the column

– Kyle

[tsimarketing]

I put that code into my custom CSS and it didn’t do anything. I didn’t actually write all those job posts in the text block. I added a shortcode I found on the internet that pulls the jobs posts from the job section. The shortcode is [jobs], that is all that is written in the text block right now. So it is pulling the posts from the jobs area of wordpress. I just want to know how I can get those posts to wrap and continue into a second column and as I continue to add jobs it will just add them to the page. Does that make sense? I have added a screenshot of the backend of the this page, so you can see what is written in that text block.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

The CSS I provided should work, if you use a cache plugin please empty the cache

– Kyle