Hello Christof,

You should be adding backend code to your Joomla! backend template. So if you are using isis add it to:

/administrator/templates/isis/css/custom.css

You may need to create the file.

Many thanks
Tony

Hi Tony

thank you for your answer. This works. Just wondering what is the intention of the "Custom CSS" field...

Kind regards
Chris

Hi Chris,

It is for Custom CSS for the frontend not the backend ;-)

Many thanks
Tony

I have the same problem described by Christog above, but I want to style the Event Detail Page (Frontend).
In "custom layouts" > Event detail page > I added some css code into "user defined css" but it has no effect.

In concrete, I want to add an Standard Image to the Detail Page Layout and want it to be displayed in a responsive way. On big screens, the event image should be displayed next to the event description on the right side, and on smaller screens, the image shoud sit on top of the description.

So here is what I did in the CSS field:

* {

  box-sizing: border-box;

}





.main {

  float:left;

  width:60%;

  padding:0 20px;

}

.right {

  background-color:#e5e5e5;

  float:left;

  width:40%;

  padding:15px;

  margin-top:7px;

  text-align:center;

}



@media only screen and (max-width:620px) {

  /* For mobile phones: */

  .menu, .main, .right {

    width:100%;

  }

}

In the custom layout, I added this:

  <div class="main">

    <p>Event description text</p>

  </div>



  <div class="right">

   <img src="{{Image URL 1:JEV_IMAGEURL_1}}" style="width:100%;">

  </div>

CSS is ignored... can you tell me what I did wrong? - Thank you!