Archive page – as a grid layout?

  • Resolved Niki Campbell

    (@nikicampbell)


    3 years, 2 months ago

    Hello. the plugin works great! But I have one issue. We want the listings to be in GRID format.

    I created a page with the shortcode [jobpost layout="grid"] but when we set that page as the archive page, the archive template overrides the grid layout.

    Eg: this page is the archive page with the grid shortcode not displaying: https://bcacc.ca/job-listings/

    As a quick solution I have created 2 pages – the first to display the grid, and the second one to be the archive that gets clicked to from the breadcrumb link https://prnt.sc/26180yt

    1. https://bcacc.ca/career-postings/
    2. https://bcacc.ca/job-listings/

    Is there a better solution to allow the archive to maintain the grid formatting?

    • This topic was modified 3 years, 2 months ago by Niki Campbell.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author PressTigers

    (@presstigers)

    Hello @nikicampbell,

    We apologize for the inconvenience.

    Currently, the archive page doesn’t have the option to change the layout. We have noted down your suggestion and will add this feature in our future releases.

    Thank you for writing to us. Let us know if we can assist you further.

    Regards,

    Thread Starter Niki Campbell

    (@nikicampbell)

    No problem. I understand that.

    I am just wondering about a display issue – in this grid format, it shows a regular row with 3 across, and then the next row has only one listing. Is there something that I can add to the shortcode to allow it to diplsay with 3 listings in each row?
    https://prnt.sc/26euwil

    https://bcacc.ca/career-postings/

    Plugin Author PressTigers

    (@presstigers)

    Hello Niki,

    We apologize for the inconvenience.

    Please add the following CSS to your activated theme’s style.css

    
.sjb-page .list-data .v1 .company-logo img {
    width: 67.5px;
    height: 67.5px;
    object-fit: contain;
}
.sjb-page .list-data .v1 .job-location {
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 40px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
}
.sjb-page .list-data .v1 .job-description p {
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
}

    Feel free to reach out if we can assist you further.

    Regards,

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Archive page – as a grid layout?’ is closed to new replies.

Tags