Title rows overlapped in event detail

  • pinpin1984
  • Topic Author
  • Offline
  • New Member
  • New Member
More
7 years 2 weeks ago #115001 by pinpin1984
Title rows overlapped in event detail was created by pinpin1984
Hi, Can anyone help?

I just installed events booking and add first event.

My event title was divided into two rows because of the mobile view is not wide enough.
Then I found the title rows are overlapped, see attachment.

Any one same with me?
Any one can help?

Thanks a lot!
Attachments:

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

More
7 years 2 weeks ago #115004 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Title rows overlapped in event detail
Hi

Could you please send us the link to the page which we can see this issue? we will then guide you add some custom css code to solve this issue

Regards,

Tuan

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

  • pinpin1984
  • Topic Author
  • Offline
  • New Member
  • New Member
More
7 years 2 weeks ago #115007 by pinpin1984
Replied by pinpin1984 on topic Title rows overlapped in event detail
asiabrass.com/index.php/event-timeline/e...-alessi-recital.html

Please check in mobile view, thanks a lot

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

More
7 years 2 weeks ago #115016 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Title rows overlapped in event detail
Hi

Go to Events Booking -> Configuration, look at Custom CSS tab, enter this css code below, save it, then check it again, the issue should be sorted
Code:
h1.eb-page-heading { line-height: 1.5; }

Regards,

Tuan

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

  • pinpin1984
  • Topic Author
  • Offline
  • New Member
  • New Member
More
7 years 2 weeks ago #115028 by pinpin1984
Replied by pinpin1984 on topic Title rows overlapped in event detail
Hi
Thanks a lot, solved.
But how about this page from the "Upcoming events - Default layout" menu link? same problem......

www.asiabrass.com/index.php/event-timeline/newevent.html

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

More
7 years 2 weeks ago #115029 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Title rows overlapped in event detail
Hi

I think you can simply change the above css code to

.eb-container h1, .eb-container h2, .eb-container h3
{
line-height: 1.5;
}

And it should work for all layouts

Regards,

Tuan

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

  • pinpin1984
  • Topic Author
  • Offline
  • New Member
  • New Member
More
7 years 2 weeks ago - 7 years 1 week ago #115032 by pinpin1984
Replied by pinpin1984 on topic Title rows overlapped in event detail
Ohoh, OK for detail page, but still the same for the link from event upcoming default

asiabrass.com/index.php/event-timeline/newevent.html
Last edit: 7 years 1 week ago by pinpin1984.

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

More
7 years 1 week ago #115039 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Title rows overlapped in event detail
From what I see, in the custom css you added asiabrass.com/media/com_eventbooking/assets/css/custom.css , there is an extra comma character at the end, maybe that's the reason it doesn't work

Try to remove the comma character at the end .eb-container h1, .eb-container h2, .eb-container h3, , then check it again

If it still doesn't work, better submit a support ticket sending us super admin account of your site so that we can check it directly on your site

Regards,

Tuan

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

Moderators: Tuan Pham Ngoc