• Resolved MarySunshine

    (@marysunshine)


    I am using Categories for my speakers. I would like to have their image and name appear in a grid on the page, rather than a list. Right now I have the following set under Formatting>Event Categories>Categories Page

    Categories list header format: {blank}
    Categories list item format: [caption align="alignnone" width="200"] #_CATEGORYIMAGE #_CATEGORYLINK[/caption]
    Categories list footer format: {blank}

    Can someone please offer me the right coding to make this display with photos side by side (like a grid) on this page? Thanks!

    https://www.ads-software.com/plugins/events-manager/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support angelo_nwl

    (@angelo_nwl)

    sorry at the moment we don’t have a ready snippet for this however if you can code maybe you can try to modify template file at events-manager/templates/templates/categories-list.php

    to use templates: https://wp-events-plugin.com/documentation/using-template-files/

    While almost anything is possible, it’s not often easy.
    That is to automatically create a “grid” layout.

    Ok.. with that said.

    If you are saying have a layout.. as a page like this support forum where the “avatar” aka image is to the left… and “Name” and the “Description is laid out to the right…

    Rather then Events–>Settings–>Formatting–>Categories

    You could go to Pages in WordPress and look for the
    Events
    — Locations
    — Categories
    — Tags
    — My Bookings

    and thusly click on Categories… and edit that page.
    This will produce a list (although you are want a “grid”).

    <ul><div class="beeble">[categories_list]
    	<li>
    <div class="firstcol" style="float: left;">#_CATEGORYIMAGE</div>
    <div class="secondcol"><span style="font-size: 12pt; background-color: #ffff00;"><strong>#_CATEGORYLINK</strong></span> #_CATEGORYNOTES</div></li>
    [/categories_list]</ul>

    Thread Starter MarySunshine

    (@marysunshine)

    Thanks for your help… I need a grid, not a list. Can anyone help? Please?

    [categories_list]
    <div class=”firstcol”>#_CATEGORYIMAGE</div>
    <div class=”secondcol”>#_CATEGORYLINK</div>
    [/categories_list]

    Thread Starter MarySunshine

    (@marysunshine)

    I figured it out. Here’s the code:

    <div class="firstcol" style="float:left; width: 220px;padding: 1em;"><center>#_CATEGORYIMAGE<br><strong>#_CATEGORYLINK</strong></center></div>

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Display Category as grid, not list’ is closed to new replies.