Почему стили для @media print не видны в файле стилей custom.css - Joomla 3.x: Общие вопросы

здра
тут не закрыто

Код

.modal-title {color: red !important;

а чтобы результат смотреть надо эмулировать печать, иначе стили не сработают, что логично, ведь вы смотрите страницу, полученную для экрана, а не для печати...
https://habr.com/ru/company/ruvds/blog/317776/

ну если по этапам, то:
а) custom.css загружается?
б) у вас шаблон на бутстрапе? если нет, то надо редактировать стили и поведение кнопки, вызывающей окно, чтобы по клику ещё и стиль к body цеплялся

 <button class="btn btn-primary" type="button" data-toggle="modal" data-target="#exampleModal" data-whatever="@getbootstrap">Open modal </button>
<div id="exampleModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-scrollable modal-lg" style="width: 800px;" role="document">
        <div class="modal-content">
            <div class="modal-header" >
                 <h5 id="exampleModalLabel" class="modal-title" style="float: left; margin-bottom: 0; line-height: 1.5;">ХХХХХ</h5>
                 <button class="close" style="padding: 1rem; margin: -1rem -1rem -1rem auto;" type="button" data-dismiss="modal" aria- 
                   label="Close"> <span style="float: right;" aria-hidden="true">×</span> </button>
                  <div style="clean: both;">&nbsp;</div>
          </div><!-- end of header -->
          <div class="modal-body" style="padding-left: 0px; padding-right: 0px;">
              <form>
                 ххххххх
              </form>
          </div> <!-- end of modal-body -->
        </div> <!-- end of modal-content -->
        <div class="modal-footer noprint">
            <button class="btn btn-secondary" type="button" data-dismiss="modal">Close</button> 
            <input onclick="window.print()" type="button" value="Print this page" /></div>
        </div>  <!-- end of footer -->
     </div><!-- end of modal-dialog  -->
   </div>
</div> <!-- end of  exampleModal  -->

короче смысл в том, что при вызове окна у вас body дожен прицепляться класс modal-open.
смотрите инспектором, что у вас под окном происходит. если этого класса нет, то логично, что ничего и не произойдет.

media screen

ну вместо media print поставьте media screen и добивайтесь, чтобы работало при всплытии, как заработает - обратно переименуйте

ну вместо media print поставьте media screen и добивайтесь, чтобы работало при всплытии, как заработает - обратно переименуйте

что до нерабочего файла - ну тут экстрасенсы перевелись - без ссылки на сайт что-то советовать долго и скучно.

мой последний пример - рабочий, т.е. он очищает страницу при печати (если print вместо screen прописать).
но окно в вашем случае после скрытия всей инфы не появляется, т.к. блок с модальным коном у вас глубоко в теле страницы вложен - т.е. ситуация, о которой я выше писал - окно скрывается вместе с родителем.
вынесите модальное окно непосредственно внутрь body и будет работать.
можете просто вставить мой последний пример кода и прямо в инспекторе поднять блок #exampleModal до верхнего уровня и получите пустую страницу с этим окошком.
если не сможете изначально разместить модальное окно внутри body, то просто в шаблоне создайте пустой блок с уникальным id нужной вложенности и его же вызывайте в качестве модального, и в него перекидывайте js-ом инфу.
тогде и правило сокрытия проще будет - достаточно будет t3-wrapper скрывать и все.

body.modal-open *{display:none}
body.modal-open #exampleModal,  body.modal-open #exampleModal *{ display:block }

мой последний пример - рабочий, т.е. он очищает страницу при печати (если print вместо screen прописать).
но окно в вашем случае после скрытия всей инфы не появляется, т.к. блок с модальным коном у вас глубоко в теле страницы вложен - т.е. ситуация, о которой я выше писал - окно скрывается вместе с родителем.
вынесите модальное окно непосредственно внутрь body и будет работать.
можете просто вставить мой последний пример кода и прямо в инспекторе поднять блок #exampleModal до верхнего уровня и получите пустую страницу с этим окошком.
если не сможете изначально разместить модальное окно внутри body, то просто в шаблоне создайте пустой блок с уникальным id нужной вложенности и его же вызывайте в качестве модального, и в него перекидывайте js-ом инфу.
тогде и правило сокрытия проще будет - достаточно будет t3-wrapper скрывать и все.

вам бы почистить код, а то бедный браузер, по ходу, устает бороться с

Код

ppadding-left
bbackground

и прочими нео-стилями и конец файла уже просто не обрабатывает

кстати, вот ещё альтернатива интересная
https://it-blog.ru/js/pechat-straniczy-ili-otdelnogo-bloka-na-sajte/
т.е. динамически создается отдельное окно без всего и в него уже перекидывается инфа.
по сути, можно просто выделить в отдельные стили оформление бланка и можно так печатать.

кстати, вот ещё альтернатива интересная
https://it-blog.ru/js/pechat-straniczy-ili-otdelnogo-bloka-na-sajte/
т.е. динамически создается отдельное окно без всего и в него уже перекидывается инфа.
по сути, можно просто выделить в отдельные стили оформление бланка и можно так печатать.

https://stackoverflow.com/questions/47550382/why-cant-i-get-the-innerhtml-of-an-element-which-contains-input-type-and-input

вот так по красоте должно получиться, если jquery использовать

Код

$(windowPrint.document.body).append( $("#exampleModal").clone() );

$(windowPrint.document.body).append( $("#pril1n").clone() );

вместо

Код

    windowPrint.document.write(printTitle);
    windowPrint.document.write(printImg);
    windowPrint.document.write(printText);

ставите

Код

$(windowPrint.document.body).append( $("#pril1n").clone() );

и перенесет весь блок целиком, т.е. на надо будет каждому элементу цеплять blur, тк clone забирает и значения полей