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 :-)
Vote to pay developers attention to this features or issue.
4 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
You must log in or register to leave comments