Support » Plugin: Events as Posts » No way to display post list in 2 columns

  • Resolved supergap

    (@supergap)


    Hi,
    Everything is great with this plugin, but..no way to have two columns in the list of the post

    I set ‘2 columns’ in settings->style-> ‘Select the layout for the list of events’ to have events item in a two column list.
    Then I’ve used this code: [display_all_events category=”eventi”] in the page.
    But no way to have two columns style. Always 1 column (both on mobile or screen),
    Thanks a lot.

    Giorgio

    PS
    I tried to have a look here in eap-functions.php, but no way to understand what’s the matter..

    elseif ( $setting[‘layout’] == 2 ) {

    $css .= “.eap__list { display: -ms-grid; display: grid; grid-gap: 1.6em; background: $bg_color; }” .
    “.eap__title { margin: .6em 0 .6em; }” .
    “@media screen and (min-width: 576) { .eap__list { grid-template-columns: repeat(2, 1fr); } }”;

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Ambrogio Piredda

    (@orbam7819)

    Hi, it works for me. Try to clear your cache. The code works.

    supergap

    (@supergap)

    Hi,
    excuse me to insist.
    I tried with Opera, Safari, Firefox and Chrome. I cleared the cache, but no way.
    Perhaps I did not explain well the issue.
    Please take a look to these screenshots.

    http://anipla.supergap.it/screenshots/safari.png
    http://anipla.supergap.it/screenshots/chrome.png

    As you can see there are two post. By setting 2 columns I suppose to have them side by side, not one below the other.

    Thanks a lot.

    Plugin Author Ambrogio Piredda

    (@orbam7819)

    My friend, I don’t know what’s happening with your site. I’ve looked at your site, but seems the styles for 2 columns are not loaded. It works on a test site that I have, and I have even tried it on another site right now, and it works too. I just select the 2 cols option, save it, and it works. The 2 cols styles are loaded.

    Anyway, you can remove the plugin styles, adding this function to your functions.php on your theme, or child theme, and add your own styles to make it look 2 cols. Or you can leave the plugin styles and just overwrite them.

    One way to have 2 cols is to use flexbox. Add “display: flex; flex: wrap;” to “.eap__list” class, and “width: 50%;” to “.eap__event” class. And it should look 2 cols. Remove the “display: grid;” property from “.eap__list”; I just did that on your site with the inspector tools, and it works.

    If you know your way with css, it’s 5 mins to make it look 2 cols.

    supergap

    (@supergap)

    Hi,
    it’s just 1 minute. And it works!
    Thanks a lot

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘No way to display post list in 2 columns’ is closed to new replies.