Witam, stronkę zrobiłem na szablonie MovieStore (https://templatki.com/joomla/joomla-...62-movie-store). Jak otworzyłem na innym monitorze to nie dopasowała się automatycznie do monitora tylko była wąska z dużymi marginesami po bokach. Co trzeba jeszcze doinstalować lub zmienić aby automatycznie się dopasowywała do monitora?
wydaje mi się że odpowiedzialny za to będzie plik template.css.
Line 231: .modal-body { overflow-y: auto; max-height: 400px; padding: 15px; }
Line 303: @media (max-width: 767px) { body { padding-left: 20px; padding-right: 20px; }
Line 411: @media (max-width: 979px) { body { padding-top: 0; }
Line 423: body.modal { padding-top: 0; }
Line 458: .accordion-body.in:hover { overflow: visible; }
Line 523: body.site { border-top: 3px solid #0088cc; padding: 20px; background-color: #f4f6f7; }
Line 524: body.site.fluid { background-color: #ffffff; }
Line 537: .body .container { background-color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 20px; border: 1px solid rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.05); box-shadow: 0px 0px 6px rgba(0,0,0,0.05); }
a w styles.css są takie linijki odnośnie body:
Line 1: html,body,div,span,applet,object,iframe,h1,h2,h3,h 4,h5,h6,blockquote,pre,a,abbr,acronym,address,big, cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small, strike,sub,sup,tt,var,center,dl,dt,dd,ul,li,fields et,form,label,legend,table,caption,tfoot,thead{bac kground: transparent;border: 0;font-style: inherit;font-weight: inherit;margin: 0;padding: 0;outline: 0;vertical-align: webkit-baseline-middle;}
Line 9: body { font-family: Helvetica, Arial, sans-serif; font-size:15px; font-weight: normal; line-height: 1.3; color: red; }
Line 10: body.contentpane { background:#fff; color:#555;}
Line 96: #sidebar .module-body {background:none;padding:5px;}
Line 97: #sidebar .module-body p{padding:0; margin:0;}
Line 237: #mods1 .module-body {padding:0; margin:0;}
Line 247: #mods2 .module-body {padding:0; margin:0;}
Line 256: #mods3 .module-body {padding:0; margin:0;}
Jestem bardzo słaby z programowania i nie wiem jak zmienić wpis aby było dobrze.
Proszę o pomoc w zmodyfikowaniu plików odnośnie w/w zagadnienia, lub podpowiedź co mam zrobić, a spróbuję i postaram się to zrobić.