How to change module display

More
9 years 1 month ago #93848 by taro
How to change module display was created by taro
Hello.
I wan to change display up comming module Virtical to Horizontal.
How to do it ?
please help.

Please Log in or Create an account to join the conversation.

More
9 years 1 month ago - 9 years 1 month ago #93849 by James Riley
Replied by James Riley on topic How to change module display
It might take more CSS coding than just the following, but start by adding this CSS in to [EventBooking -> Configuration -> Custom CSS tab -> custom CSS box].
Note: I'm writing this based on the "improved" layout for the Upcoming Events module...The "default" layout uses table cells instead of the "improved" layout's usage of an unordered list <ul><li>.
Code:
ul.eventsmall li { float: left; width: 200px; margin-right:20px; }

Change the values of width and EDIT: [strike]margin-left[/strike] margin-right to whatever looks / fits / works best.

As I said, you might need more CSS than just this, but this code should make the event-blocks sit side-by-side and then wrap to a new line if there are more events than can fit across horizontally,

James Riley .: EventBooking user since 2014 ::: JoomDonation user since 2016 :.
.: grfx & web design / IT / AV @ St. Therese Institute of Faith and Mission, Bruno, SK, Canada :.
Last edit: 9 years 1 month ago by James Riley. Reason: margin-left -> margin-right
The following user(s) said Thank You: taro

Please Log in or Create an account to join the conversation.

More
9 years 1 month ago #93872 by taro
Replied by taro on topic How to change module display
I could do it! I sincerely thank you.

Please Log in or Create an account to join the conversation.

Moderators: Tuan Pham Ngoc