Template CSS override JEvents Calendar Module

UnoMo
3 Posts
UnoMo posted this 02 May 2017

../css/template.min.css?version=1.0.324 have the following CSS code:

.bd-table tbody > tr:nth-child(2n+1) > td, .bd-table tbody > tr:nth-child(2n+1) > th, .bd-tagstyles:not(.bd-custom-table) table tbody > tr:nth-child(2n+1) > td, .bd-tagstyles:not(.bd-custom-table) table tbody > tr:nth-child(2n+1) > th, table:not([class]) tbody > tr:nth-child(2n+1) > td, table:not([class]) tbody > tr:nth-child(2n+1) > th {
    background-color: #f5f5f5;
    background-image: none;
}

For a reason, that collides with the JEvents calendar, and the background color for days with events: "../components/com_jevents/views/alternative/assets/css/modstyle.css?3.4.36"

and even when I use the override css in JEvents
"../components/com_jevents/assets/css/jevcustom.css?3.4.36"

.mod_events_td_daywithevents {
    background-color: #0ea83a;
    color: Red;
    font-weight: bold;
}

Please advise. Would like to have the "mod_events_td_daywithevents" to work proparly :-)

../css/template.min.css?version=1.0.324 have the following CSS code: .bd-table tbody > tr:nth-child(2n+1) > td, .bd-table tbody > tr:nth-child(2n+1) > th, .bd-tagstyles:not(.bd-custom-table) table tbody > tr:nth-child(2n+1) > td, .bd-tagstyles:not(.bd-custom-table) table tbody > tr:nth-child(2n+1) > th, table:not([class]) tbody > tr:nth-child(2n+1) > td, table:not([class]) tbody > tr:nth-child(2n+1) > th { background-color: #f5f5f5; background-image: none; } For a reason, that collides with the JEvents calendar, and the background color for days with events: "../components/com_jevents/views/alternative/assets/css/modstyle.css?3.4.36" and even when I use the override css in JEvents "../components/com_jevents/assets/css/jevcustom.css?3.4.36" .mod_events_td_daywithevents { background-color: #0ea83a; color: Red; font-weight: bold; } Please advise. Would like to have the "mod_events_td_daywithevents" to work proparly :-)
Joomla css custom jevents-calendar
Vote to pay developers attention to this features or issue.
9 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 03 May 2017

Hi,

Could you please provide a link to the problem page if the websitу is online?
If not please check the table with browser developer tool (F12). If your custom css is applied but overwritten by theme css please add !important rule:
background-color: #0ea83a!important;

Thank you,
Olivia

Hi, Could you please provide a link to the problem page if the websitу is online? If not please check the table with browser developer tool (F12). If your custom css is applied but overwritten by theme css please add `!important` rule: `background-color: #0ea83a!important;` Thank you, Olivia
UnoMo
3 Posts
UnoMo posted this 03 May 2017

You can see the calendar here: http://sofn.no/

I tried to add the "Important" tag, but when it comes to css, I'm really bad :-) Shoulld def. learn some more in that area :-)

You can see the calendar here: [http://sofn.no/][1] [1]: http://sofn.no/ I tried to add the "Important" tag, but when it comes to css, I'm really bad :-) Shoulld def. learn some more in that area :-)
UnoMo
3 Posts
UnoMo posted this 03 May 2017

I think maybe the "important" tag did the trick ?

I think maybe the "important" tag did the trick ?

Last edited 03 May 2017 by UnoMo

Support Team
Support Team posted this 04 May 2017

Hi,

Yes, the !important property makes that style override all the other styling that may come from the other stylesheets.
Please let us know if you need our further help.

Sincerely,
Hella

Hi, Yes, the `!important` property makes that style override all the other styling that may come from the other stylesheets. Please let us know if you need our further help. Sincerely, Hella
sgahdjehwd
6 Posts
sgahdjehwd posted this 22 June 2025

Plan your year effortlessly with our tool-based site featuring the norsk kalender 2026. Access the complete Norwegian calendar including all major holidays, week numbers, and important dates to keep your schedule organized. Whether for work, school, or personal life, this easy-to-navigate calendar ensures you never miss key events throughout the year. Perfect for anyone looking to stay on track with Norwegian holidays and weekly planning, the norsk kalender 2026 is your essential tool for effective time management. Explore it today and make the most of every day in 2026.

Plan your year effortlessly with our tool-based site featuring the norsk kalender 2026. Access the complete Norwegian calendar including all major holidays, week numbers, and important dates to keep your schedule organized. Whether for work, school, or personal life, this easy-to-navigate calendar ensures you never miss key events throughout the year. Perfect for anyone looking to stay on track with Norwegian holidays and weekly planning, the [norsk kalender 2026][1] is your essential tool for effective time management. Explore it today and make the most of every day in 2026. [1]: https://norskukekalender.com/kalender-2026/
adamjosh205
4 Posts
adamjosh205 posted this 07 August 2025

Customizing the appearance of the JEvents Calendar Module in Joomla is a common need for site owners aiming to match their site's design aesthetics. One effective way to achieve this is by using a template CSS override. By overriding the default styles, you can enhance the visual presentation of your JEvents calendar without altering the core files—ensuring future updates remain conflict-free.

To apply a CSS override, locate the module’s specific classes via browser inspection tools, then add your custom styles in your template’s custom.css or template.css file. This allows you to change colors, spacing, fonts, and layout aspects of the calendar view, event details, and tooltips.

The process is quite similar to customizing printable resources such as the may 2026 calendar printable, where personal preferences guide layout adjustments for readability or style. Just like users who prefer a neat, functional design when downloading a may 2026 calendar printable, Joomla developers seek a polished, user-friendly calendar display on their sites.

Combining JEvents with tailored CSS and a sense of design drawn from clean calendar templates ensures your website not only functions well but also presents information in an accessible and visually appealing way—just like a printable calendar should.

Customizing the appearance of the JEvents Calendar Module in Joomla is a common need for site owners aiming to match their site's design aesthetics. One effective way to achieve this is by using a template CSS override. By overriding the default styles, you can enhance the visual presentation of your JEvents calendar without altering the core files—ensuring future updates remain conflict-free. To apply a CSS override, locate the module’s specific classes via browser inspection tools, then add your custom styles in your template’s custom.css or template.css file. This allows you to change colors, spacing, fonts, and layout aspects of the calendar view, event details, and tooltips. The process is quite similar to customizing printable resources such as the [may 2026 calendar printable][1], where personal preferences guide layout adjustments for readability or style. Just like users who prefer a neat, functional design when downloading a may 2026 calendar printable, Joomla developers seek a polished, user-friendly calendar display on their sites. Combining JEvents with tailored CSS and a sense of design drawn from clean calendar templates ensures your website not only functions well but also presents information in an accessible and visually appealing way—just like a printable calendar should. [1]: https://may2026calendarprintable.com/
layijad338
5 Posts
layijad338 posted this 22 October 2025

Prepare for SAP C_ABAPD_2507 exam with real exam questions from Examcollection.us. Master ABAP programming concepts, development tools, and system integration topics essential for SAP Certified Associate – ABAP Developer success.

Prepare for [SAP C_ABAPD_2507 exam][1] with real exam questions from Examcollection.us. Master ABAP programming concepts, development tools, and system integration topics essential for SAP Certified Associate – ABAP Developer success. [1]: https://www.examcollection.us/C_ABAPD_2507-vce.html
s8659960
19 Posts
s8659960 posted this 24 December 2025

Certsmania Certified-Strategy-Designer exam dumps provide a comprehensive and up-to-date resource for candidates preparing for the Certified Strategy Designer certification. These exam dumps include real-world practice questions, detailed answers, and exam scenarios designed to help you understand key concepts, enhance your problem-solving skills, and boost your confidence for the actual test. Trusted by professionals worldwide, Certsmania ensures accuracy, clarity, and relevance, making it an essential study companion for passing the Certified-Strategy-Designer exam on your first attempt.
70% Discount for Your First Exam!>>>>>>>>>>>>>> https://www.certsmania.com/salesforce/pdf/certified-strategy-designer

Certsmania Certified-Strategy-Designer exam dumps provide a comprehensive and up-to-date resource for candidates preparing for the Certified Strategy Designer certification. These exam dumps include real-world practice questions, detailed answers, and exam scenarios designed to help you understand key concepts, enhance your problem-solving skills, and boost your confidence for the actual test. Trusted by professionals worldwide, Certsmania ensures accuracy, clarity, and relevance, making it an essential study companion for passing the Certified-Strategy-Designer exam on your first attempt. 70% Discount for Your First Exam!>>>>>>>>>>>>>> https://www.certsmania.com/salesforce/pdf/certified-strategy-designer
philljones0022
41 Posts
philljones0022 posted this 4 weeks ago

UDISE Plus is a comprehensive education platform that efficiently manages school-level data across the system. The UDISE Plus student module helps in maintaining accurate records of student enrollment, progress, and performance. By digitizing information, it improves transparency and supports better educational planning and decision-making.

UDISE Plus is a comprehensive education platform that efficiently manages school-level data across the system. The [UDISE Plus student module][1] helps in maintaining accurate records of student enrollment, progress, and performance. By digitizing information, it improves transparency and supports better educational planning and decision-making. [1]: https://udiseplus.com.co/udise-plus-student-module-2025-26/
You must log in or register to leave comments