Ticket #5184 - Add pissibility to use another iconset.

studio/template/bp_blocks.html

@@ -4,7 +4,9 @@
             <div class="adm-bpb-icon<bx_if:show_drag_handle> adm-bpb-drag-handle</bx_if:show_drag_handle>">
             	<bx_if:icon>
                     <div class="adm-bpb-icon-bg"></div>
-                    <i class="sys-icon __icon__"></i>
+                    <div class="adm-bpb-icon-cnt flex items-center justify-center">
+                        <i class="sys-icon __icon__"></i>
+                    </div>
                 </bx_if:icon>
                 <bx_if:image><img src="__icon_url__" /></bx_if:image>
             </div>

studio/template/css/builder_page.css

@@ -53,8 +53,8 @@ div.adm-bpb-content {
 
 div.adm-bpb-icon,
 div.adm-bpb-icon-bg,
-div.adm-bpb-icon img,
-div.adm-bpb-icon i.sys-icon {
+div.adm-bpb-icon-cnt,
+div.adm-bpb-icon img {
     width: 2.5rem;
     height: 2.5rem;
     max-width: none;
@@ -73,19 +73,22 @@ div.adm-bpb-icon-bg {
     background-color: #323c46;
     border-radius: 0.5rem;
 }
-div.adm-bpb-icon img {
-    border-radius: 0.5rem;
-}
-div.adm-bpb-icon i.sys-icon {
+div.adm-bpb-icon-cnt {
     position: absolute;
     top: 0px;
     left: 0px;
-
+}   
+div.adm-bpb-icon-cnt .sys-icon {
+    color: white;
+}
+div.adm-bpb-icon-cnt i.sys-icon {
     text-align: center;
     text-shadow: none;
     line-height: 2.5rem;
     font-size: 20px;
-    color:white;
+}
+div.adm-bpb-icon img {
+    border-radius: 0.5rem;
 }
 div.adm-bpb-info {
     -webkit-flex-grow: 2;