- Posts: 8
- Thank you received: 0
Eb-box heading color
- Jannes Timmers
- Topic Author
- Offline
- New Member
-
Less
More
7 years 5 days ago #115258
by Jannes Timmers
Eb-box heading color was created by Jannes Timmers
Hi there!
I would like to achieve the following:
Each event has, of course, a category attached to it. Based on this category, I would like to change the color of the eb-box heading (Upcoming default layout). For example, an event in category A has an orange box heading, while an event in category B has a blue box heading.
Is there a possibility to do this?
Thanks!
I would like to achieve the following:
Each event has, of course, a category attached to it. Based on this category, I would like to change the color of the eb-box heading (Upcoming default layout). For example, an event in category A has an orange box heading, while an event in category B has a blue box heading.
Is there a possibility to do this?
Thanks!
Please Log in or Create an account to join the conversation.
- Tuan Pham Ngoc
- Offline
- Administrator
-
7 years 4 days ago #115265
by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Eb-box heading color
Hi Jannes
Unfortunately, it's not supported and will require some custom modification to the code
If it's really needed, you can hire us to do the modification for you. It will cost you 30$ for doing this modification
Regards,
Tuan
Unfortunately, it's not supported and will require some custom modification to the code
If it's really needed, you can hire us to do the modification for you. It will cost you 30$ for doing this modification
Regards,
Tuan
Please Log in or Create an account to join the conversation.
- Jannes Timmers
- Topic Author
- Offline
- New Member
-
Less
More
- Posts: 8
- Thank you received: 0
7 years 4 days ago #115270
by Jannes Timmers
Replied by Jannes Timmers on topic Eb-box heading color
I understand! Might be a nice suggestion to add that feature to future versions.
Could you perhaps give me a hint where to start? Then I'll try myself first
Kind regards,
Jannes
Could you perhaps give me a hint where to start? Then I'll try myself first

Kind regards,
Jannes
Please Log in or Create an account to join the conversation.
- Tuan Pham Ngoc
- Offline
- Administrator
-
7 years 4 days ago #115276
by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Eb-box heading color
Hi James
You actually can control it via css. Go to Events Booking -> Configuration, add this sample css
With that sample css, you will see that all events belong to category with category ID = 4 will have red background color. You can add same css code for other categories (change 4 to ID of each category) and it will work fine
Regards,
Tuan
You actually can control it via css. Go to Events Booking -> Configuration, add this sample css
Code:
.eb-category-4 .eb-box-heading, eb-category-4eb-event .eb-box-heading
{
background: red;
}
With that sample css, you will see that all events belong to category with category ID = 4 will have red background color. You can add same css code for other categories (change 4 to ID of each category) and it will work fine
Regards,
Tuan
The following user(s) said Thank You: Jannes Timmers
Please Log in or Create an account to join the conversation.
- Jannes Timmers
- Topic Author
- Offline
- New Member
-
Less
More
- Posts: 8
- Thank you received: 0
7 years 4 days ago #115277
by Jannes Timmers
Replied by Jannes Timmers on topic Eb-box heading color
Dear Tuan,
Thanks for your reply! However, it doesn't seem to work for me. I added this code:
That is, I want all events in category 'Wedstrijd' with ID 9, to have a red background. But nothing changes unfortunately...
Thanks for your reply! However, it doesn't seem to work for me. I added this code:
Code:
.eb-category-9 .eb-box-heading, eb-category-9eb-event .eb-box-heading
{
background: red;
}
That is, I want all events in category 'Wedstrijd' with ID 9, to have a red background. But nothing changes unfortunately...
Please Log in or Create an account to join the conversation.
- Tuan Pham Ngoc
- Offline
- Administrator
-
7 years 4 days ago #115278
by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Eb-box heading color
For this, better submit a support ticket sending us:
1. Super admin account
2. Link to the page
I will ask my template developer to check it for you. Maybe in the above code, change background: red; to background: red !important; will help
Tuan
1. Super admin account
2. Link to the page
I will ask my template developer to check it for you. Maybe in the above code, change background: red; to background: red !important; will help
Tuan
Please Log in or Create an account to join the conversation.
- Jannes Timmers
- Topic Author
- Offline
- New Member
-
Less
More
- Posts: 8
- Thank you received: 0
7 years 4 days ago #115279
by Jannes Timmers
Replied by Jannes Timmers on topic Eb-box heading color
!important fixed it!!
Thank you very much!
Thank you very much!
Please Log in or Create an account to join the conversation.
- Tuan Pham Ngoc
- Offline
- Administrator
-
7 years 4 days ago #115280
by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Eb-box heading color
Great. Then you can use that solution for any categories you want

The following user(s) said Thank You: Jannes Timmers
Please Log in or Create an account to join the conversation.
Moderators: Tuan Pham Ngoc
Support
Documentation
Information
Copyright © 2025 Joomla Extensions by Joomdonation. All Rights Reserved.
joomdonation.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.
The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.