Hi Everyone
On t3 bs3 blank template If you try to edit articles on front end and enable images and links tab for front end you will see that modal function to insert image does not work. Simply add this css codes to your custom.css (if you do not have one create custom.css under/css folder of template)
/****** modal fix**/
.joomla-modal.modal.fade.show{ opacity:1}
body.modal-open .modal-backdrop.show {z-index: -1;}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, 15%);
-ms-transform: translate(0, 15%);
-o-transform: translate(0, 15%);
transform: translate(0, 15%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.media-toolbar {
-webkit-border-start: 1px solid var(--template-bg-dark-7);
background-color: #fff;
border-bottom: 1px solid var(--template-bg-dark-7);
border-inline-start: 1px solid var(--template-bg-dark-7);
border-radius: 0 .25rem 0 0;
-webkit-box-shadow: 0 -1px 0 0 var(--template-bg-dark-7);
box-shadow: 0 -1px 0 0 var(--template-bg-dark-7);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
position: sticky;
top: 67px;
z-index: 10;
}
.media-breadcrumb ol > li > a,.media-disk-name {cursor: pointer; font-size:2em;}
.subhead {
background: #fff;
color: #495057;
left: 0;
min-height: 43px;
padding: 1rem .25rem;
position: sticky;
right: 0;
top: 0;
width: auto;
z-index: 1000;
}
.media-browser-select::after {
content: "\f00c";
font-family: FontAwesome;
font-size: 1.3rem;
font-weight: 900;
height: 1.69rem;
left: 0;
line-height: 1.69rem;
opacity: 0;
position: absolute;
text-align: center;
top: 0;
-webkit-transform: scale(.5);
transform: scale(.5);
-webkit-transition: all .3s cubic-bezier(.4,0,.2,1);
-o-transition: all .3s cubic-bezier(.4,0,.2,1);
transition: all .3s cubic-bezier(.4,0,.2,1);
width: 1.69rem;
}
.item-name {font-size:1.1em;}
.component.window .btn-toolbar {-webkit-box-pack:start;-ms-flex-pack:start;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:flex-start;}
joomla-field-media .field-media-preview{ margin-bottom:20PX;}
.component.window .btn{ margin:0 5px 30px 5px;}
#jform_images_image_fulltext,#jform_images_image_intro{ margin-right:5px;}
.mb-2{ margin:15px 0;}
.com_content.layout-edit .edit.item-page .input-group .btn{ padding:6px 12px; font-size:15px;}
@media screen and (min-width: 768px){
body.modal-open .modal-dialog {max-width: none;width:60vw;margin: 30px auto; }
.jviewport-height60 {height:50vh;}
}