Solved Templates

css not working after J4 upgrade

Asked by Martin Seidl 3 years ago Last activity 3 years ago

Hi,

after upgrade to J 432 there is difference in layout and it seems custom.css not working:
both use helix ultimate framework

Joomla 3:
see display of search items here: https://www.mero.de/bodensysteme-21/bodensysteme-projektberichte.html?gsearch=1&moduleId=393&Itemid=514&match=all
or see https://snipboard.io/ynVJYa.jpg

Joomla 4:
and here: https://mero.arkiadesign.de/bodensysteme-21/bodensysteme-projektberichte.html?gsearch=1&moduleId=393&Itemid=514&match=all

or see here: https://snipboard.io/HkpMGh.jpg

both have same css style:
dl.fields-container {
width: 60%;
float: left;
}

but in new template it seems custom. css is not working and thus display is different. what to do?

Accepted answer

Marked as the solution
Martin Seidl Asked this
3 years ago

solved it!

5 more replies

Oldest first Newest first Most helpful
Martin Seidl Asked this
3 years ago

???

Martin Seidl Asked this
3 years ago

Hi Team, what a pitty not receive help. I checked the css codes again and I havent changed them after upgrading to Joomla 4 - it is the same css code for helix ultimate but it does not work and I dont know how to deal with that.

Example:
.j51news394 figcaption {
height: 360px;
}
this code is on Joomla 3 index page www.mero.de in row "Aktuelles/news" and it is also here https://mero.arkiadesign.de/ same place but it is not working on https://mero.arkiadesign.de/ (which is Joomla 4)

what to do so that custom.css works on Joomla 4 helix?

Ofi Khan Staff
3 years ago

Hello Martin Seidl

Please use this CSS to Template Options -> Custom Code -> Custom CSS

.newsimg ~ figcaption {
    height: 360px;
}

Best regards

Martin Seidl Asked this
3 years ago

but my code is in custom.css in site templates, you recommend me to have also coding in template options...does this make sense?

Ofi Khan Staff
3 years ago

No, in that case put the CSS in your custom.css file. It is better to keep all Custom CSS in one place.

Log in to reply.