Css Not Working After J4 Upgrade
Martin Seidl
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?
Martin Seidl
Accepted AnswerHi 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
Accepted AnswerHello Martin Seidl
Please use this CSS to Template Options -> Custom Code -> Custom CSS
.newsimg ~ figcaption {
height: 360px;
}Best regards
Martin Seidl
Accepted Answerbut my code is in custom.css in site templates, you recommend me to have also coding in template options...does this make sense?