- Posts: 22
- Thank you received: 1
css for a specific category
- Claude
- Topic Author
- Offline
- Junior Member
-
Less
More
2 days 6 hours ago #177870
by Claude
css for a specific category was created by Claude
Hi
Is it possible to style a specific category of events differently? (other background color, other font, ,,,,)
Thanks
Is it possible to style a specific category of events differently? (other background color, other font, ,,,,)
Thanks
Please Log in or Create an account to join the conversation.
- Tuan Pham Ngoc
- Offline
- Administrator
-
2 days 6 hours ago #177871
by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic css for a specific category
On what page you want to have different styles? Could you send me link to that page?
Please Log in or Create an account to join the conversation.
- Claude
- Topic Author
- Offline
- Junior Member
-
Less
More
- Posts: 22
- Thank you received: 1
2 days 6 hours ago #177872
by Claude
Replied by Claude on topic css for a specific category
velosophie.lu/reisen/unsere-reisen/radreisen-individuel
You see in "3 Ländertour - Luxemburg-Achen" that I changed manually the css for the date: "buchbar von ..."
If you have another suggestion how I can change this I would appreciate your help
You see in "3 Ländertour - Luxemburg-Achen" that I changed manually the css for the date: "buchbar von ..."
If you have another suggestion how I can change this I would appreciate your help
Please Log in or Create an account to join the conversation.
- Tuan Pham Ngoc
- Offline
- Administrator
-
2 days 6 hours ago #177874
by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic css for a specific category
It is not very clear to me exactly how you want to change. If you check the structure of the page, you will see that each event is surrounded by css classes like this:
eb-category-5 mean the event belongs to category with ID = 5. Base on that css class, you can add custom css to change style for events from same category.
Tuan
Code:
eb-category-5 eb-event-25 eb-featured-event eb-event-item-grid-default-layout
eb-category-5 mean the event belongs to category with ID = 5. Base on that css class, you can add custom css to change style for events from same category.
Tuan
Please Log in or Create an account to join the conversation.
- Claude
- Topic Author
- Offline
- Junior Member
-
Less
More
- Posts: 22
- Thank you received: 1
2 days 5 hours ago #177875
by Claude
Replied by Claude on topic css for a specific category
OK - that helped a lot, the css is now:
.eb-category-5 > *:nth-child(3)::before {
content: "Reisezeit: ";
font-weight: 600;
}
Many thanks for your help
.eb-category-5 > *:nth-child(3)::before {
content: "Reisezeit: ";
font-weight: 600;
}
Many thanks for your help
Please Log in or Create an account to join the conversation.
- Tuan Pham Ngoc
- Offline
- Administrator
-
1 day 19 hours ago #177876
by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic css for a specific category
Great. Happy to hear that it happens. Just want to point out that it also has css class for ID eb-event-25, so you can apply custom style for individual event if needed
Regards,
Tuan
Regards,
Tuan
Please Log in or Create an account to join the conversation.
Moderators: Tuan Pham Ngoc
Support
Documentation
Information
Copyright © 2026 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.