Fullwidth Jobs Page

Hi Guys, I’m lost a bit and I need your help. I’m building a job listing website. Hence, I us WP Job Manager plugin for Airi theme. On the following page (http://test.job-cy.com/?page_id=223) I’m not able to make the fullwidth the section below the search section. As I understand that section is devided in 2 or 3 columns. So, job listing is using only 1 column. I need to delete the others and make it fullwidth. I would appreciate your help.

Cheers

Hello, try to use the following CSS code as a workaround.

You can add CSS code in Customize → Additional CSS section.

ul.job_listings li.job_listing.hentry {
    max-width: 100%;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support

Roman, you’re my Savior! Thanks a lot, it works!
Can you advise me, if I want to try to put “max-width: 70%;”, for example. How can I code to make it to be aligned to center?

Hello,

Try to add this CSS code in addition to previous in order to keep full width mobile view:

@media (min-width: 992px) {
    ul.job_listings li.job_listing.hentry {
        max-width: 70%;
        margin-left: 15%;
        margin-right: 15%;
    }
}

Kind Regards, Roman.
aThemes Support

Thanks a lot, appreciate your help!
Cheers

You are welcome! :slight_smile:

Kind Regards, Roman.
aThemes Support