- Posts: 30
- Thank you received: 1
How to fix title line spacing in a list of events
- Aris Kornelakis
- Topic Author
- Offline
- Junior Member
-
9 years 7 months ago #86008
by Aris Kornelakis
How to fix title line spacing in a list of events was created by Aris Kornelakis
Hello,
When a long title is present the result is a compression of all the lines with a rether low line spacing of the event's title. An example is given at the attached photo.
The following post seems to be about the same problem but the proposed alterations do not fix it!
joomdonation.com/forum/events-booking-ge...s-squashed-down.html
Do you have any ideas?
Thanks in advance
When a long title is present the result is a compression of all the lines with a rether low line spacing of the event's title. An example is given at the attached photo.
The following post seems to be about the same problem but the proposed alterations do not fix it!
joomdonation.com/forum/events-booking-ge...s-squashed-down.html
Do you have any ideas?
Thanks in advance
Please Log in or Create an account to join the conversation.
- James Riley
-
- Offline
- Platinum Member
-
9 years 7 months ago - 9 years 7 months ago #86014
by James Riley
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 :.
Replied by James Riley on topic How to fix title line spacing in a list of events
The default h1 / h2 / h3 line-heights are usually controlled by your site's template and not EB.
There are several different places where titles appear in EB, and they sometimes have different CSS classes applied to them. The CSS code I posted previously only caught one of these CSS classes. This revision below will catch a few more cases, but if you find that it still doesn't catch everything on your site, post the link(s) to some sample pages and I can revise the CSS for you
Try adding to media/com_event_booking/assets/css/custom.css:
There are several different places where titles appear in EB, and they sometimes have different CSS classes applied to them. The CSS code I posted previously only caught one of these CSS classes. This revision below will catch a few more cases, but if you find that it still doesn't catch everything on your site, post the link(s) to some sample pages and I can revise the CSS for you
Try adding to media/com_event_booking/assets/css/custom.css:
Code:
.eb-page-heading, .eb-event-title, .eb-message h3 {line-height:1em !important; }
/*adjust value to whatever looks good for your site: 30px, 18pt, 1.3em, etc. */
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 7 months ago by James Riley.
Please Log in or Create an account to join the conversation.
- Tuan Pham Ngoc
- Offline
- Administrator
-
- Aris Kornelakis
- Topic Author
- Offline
- Junior Member
-
- James Riley
-
- Offline
- Platinum Member
-
9 years 7 months ago #86082
by James Riley
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 :.
Replied by James Riley on topic How to fix title line spacing in a list of events
Glad I could helpAris Kornelakis wrote: The solution proposed by James worked fully!
Thanks a lot!
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 :.
Please Log in or Create an account to join the conversation.
- Tuan Pham Ngoc
- Offline
- Administrator
-
9 years 7 months ago #86207
by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic How to fix title line spacing in a list of events
Thanks James (one more time 
) for helping us with forum support
Tuan
) for helping us with forum support Tuan
Please Log in or Create an account to join the conversation.
Moderators: Tuan Pham Ngoc