How to override css in Joomla 4

railer

Hi -- I'm using the JA_Kidscorner template in a Joomla 4 site and I'm confused as to how to setup a custom.css file to adjust the border radius in the JA ACM Slideshow. I've created the file in the template's css directory and put in the following style: .acm-slideshow .owl-carousel .owl-stage-outer {
border-radius: 5px !important;
}

I see the following code in the template's /tpls/blocks/head.php file:

<?php
// CUSTOM CSS
if (is_file(T3_TEMPLATE_PATH . '/css/custom.css')) {
$this->addStyleSheet(T3_TEMPLATE_URL . '/css/custom.css');
}
?>
But that code doesn't appear in the page source. Why is that code there if it isn't linking to the custom.css file?

Some help would be appreciated.

Ninja

railer
Hi
Open JA Kidscorner template folder /css/custom.css
If file it not present kindly create it and add the code.

railer

Thanks. My modifications in the custom.css file do not seem to take effect when I reload the page. When I inspect the element, I see CSS in files with titles like this: templates.ja_kidscorner.less.style.less.css, which I also modified. But still no effect. I also clicked on LESS to CSS in the template. No joy.

Ninja

railer
Hi
Kindly share the URL of site here.
Turn off the css compression if its ON so i can check it on your site.