Overwriting css files
By Guest on Tuesday, 02 June 2026
Posted in JEvents (Free Access)
Replies 1
Likes 0
Views 143
Votes 0
Hello
I'm using jevents with the flat view layout. I managed to put the overwritten css file (components/com_jevents/views/flat/assets/css/) at the right place.
There are two other css files I modified:
components/com_jevents/assets/css/jevents.css
media/com_jevents/css/uikit.gsl.min.css
Where do I have to put the overwritten files? I don't have any idea.

Thanks for your help.
Regards
Patrik
Did you know you can add your custom css file in

templates/cassiopeia_extended/html/com_jevents/flat/assets/css/events_css.css

Or override specific parts by using this type of content for this file



@import url("../../../../../../../components/com_jevents/views/flat/assets/css/events_css.css");



.jev_toprow div.previousmonth, .jev_toprow div.currentmonth, .jev_toprow div.nextmonth {

    float: left;

    height: 23px;

    line-height: 23px;

    text-align: center !important;

    color: #606F79 !important;

    font-weight: bold;

}


Media files can't be easily overriden

You can also use the Jevents custom css file and use this to override the CSS you don't like in the original source
Guest
·
Tuesday, 07 July 2026 13:46
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post