Eb-box heading color

  • Jannes Timmers
  • Topic Author
  • Offline
  • New Member
  • New Member
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!

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

More
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

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

  • Jannes Timmers
  • Topic Author
  • Offline
  • New Member
  • New Member
More
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

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

More
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
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
  • New Member
More
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:
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.

More
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

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

  • Jannes Timmers
  • Topic Author
  • Offline
  • New Member
  • New Member
More
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!

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

More
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