multiple columns in Category Columns Layout

Hi

How can i add multiple columns in EB Category Columns Layout.
I set different values under options with no effect. it shows only one column.
www.katapultfestival.ch/programm.html

thx 4 help

It should be possible with a bit of CSS. Try adding the following to your /media/com_eventbooking/assets/css/custom.css file.
Resulting layout:

Thx a lot for help it works. but where can i set the thumb width ? general settings Thumbnail width don't take effect
and
.eb-event-box img.eb-event-thumb {
width: 50%;
}
display the image with 50% width but its still crispy because the width is 200px.

thx for help

redards
marc

Are you wanting a higher-resolution thumbnail so that the images don't look pixelated when enlarged to full column width?

Here are a couple settings to try, although I think you tried setting the first one already.
[Events Booking -> Configuration -> General tab -> Other Settings], and set a value in [Thumbnail width] in pixels.
[Events Booking -> Configuration -> Themes tab] turn on the config option [Display Event Large Image]

You might have to RE-UPLOAD your original full-resolution image in the [Event Manager] as I think thumbs are created upon image upload and not every time the event is viewed.
If these setting don't work, you can always manually overwrite the thumbnails in the /media/com_eventbooking/images/thumbs/ folder (but hopefully we can find a way that will work automatically).

Thanks for help - delete and rewrite the thumbs works. They are now 400*x px as set in General tab.

just a last question:
how and where can i add more than 2 columns.

regards marc

Combined with the CSS I posted earlier, try setting [Menus -> your site's main menu -> your PROGRAMM menu item-> Options tab -> Number of Columns] to 3 instead of 2.

Yes, but i have already set 3 columns there, with no effect.

regards marc

Hello James

other question , how can i format the eb-event-title that it breaks with the columns on small screens/mobiles



thx

I'm not sure why the 3-column layout is not working (your live site seems to still be the same 1-col layout that I first looked at anyways).

As for a better mobile-friendly 2-col layout, I would implement the following code CSS if it were my site that I was tweaking This overrides some of the <h2> heading styles set by your template, but only for this page and layout.

Which *should* (if I did everything right... I wasn't able to test everything live) result in a layout like this for smaller screen sizes:

Searching Google for the CSS to force long words to wrap, I came up with the following that you can try: