When showing the list of locations in blog layout mode you have several options to customize the way that locations entries are shown.
Cutomizing locations entries
The easiest option to customize the locations entry is using the Layout Defaults feature that you may find in JEvents Control Panel. Just access this section of your JEvents installation and edit the Locations List Blog - Location entry. On the text area you may change what's inside the box of each location entry. You may use the Select Field box to add more fields to the location entry.
For easiness we provide two main CSS classes that you may use if you want to customize your location entry:
- jevloc-bloglayout-image
- You may apply this class to your img elements to float them to the left.
- jevloc-field
- You may apply this class to your details to display them as single lines.
If you want to use CSS classes on your location entry our advice is to edit the HTML code directly.
Cutomizing the general structure
The general structure of the blog-layout is a flexible design that is meant to work with standard content of the location entries, but if it does not fit your needs, you may easily change its behaviour by CSS. Each location entry is contained inside a div element with the class jevloc-container.
Customizing the number of columns
If you want to show more locations in the same row, you may easily change its behaviour by CSS, just changing the width of the container in the CSS. For instance, adding the following code to the end of your template CSS will make your layout to show 3 columns:
.jevloc-container{ width: 26%; }