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.

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

      3 months later

      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.

        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.

          Write a Reply...
          You need to Login to view replies.