0

Hello everyone, there is a new design and color combination for social network module if you want to apply it you can copy the source code from bellow code section and paste it in your color -advance css section .

Before   

After     

div.nav-bar-block .bar{ 
 background-color: #0a1171; 
   z-index: 0;
  border-color:black ; 
}
div.nav-bar-block .bar .title-center{
     margin-left:-40px;      
}
ion-view[state="socialnetworks-home"] .button-bar .button-custom{
      border: 0;
     background:beige;
}
ion-view[state="socialnetworks-home"] div.list .item{
    margin: 0px; 
    border-width: 0px;
    padding-bottom: 12px;
}
ion-view[state="socialnetworks-home"] .button-bar .button-custom i{
     color: black;  
}
ion-view[state="socialnetworks-home"] div.list .item .post-body{
     background: #171717;
     padding:15px; 
}
ion-view[state="socialnetworks-home"] div.list .item .post-body .ng-binding{
     color: white; 
}
ion-view[state="socialnetworks-home"] div.list .item .post-actions{
    background: #171717; 
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
}
ion-view[state="socialnetworks-home"] div.list .item .post-actions .row{
     color:white; 
     width: 260px;   
}
ion-view[state="socialnetworks-home"] div.list .item .post-actions .row .col-50{
    background: black;
    border-radius: 5px;
    margin-left:10%;
    padding:5px;  
}
ion-view[state="socialnetworks-home"] div.list .item .post-image {
     margin-left: 0;
    margin-right: auto;
}
ion-view[state="socialnetworks-home"] div.list .item .post-image a{
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
}
ion-view[state="socialnetworks-home"] div.list .item .post-likes .row{
     background: #171717; 
     color :white;
     margin-top: -5px;
     margin-bottom: -5px;
     padding-left: 20%;
     padding-right: 15%;
}
ion-view[state="socialnetworks-home"] div.list .text-center{
     border-radius: 1em;
     margin: 20px;
}
ion-modal-view[class="module-fanwall fanwall-new fanwall-new-l1 modal has-background-image slide-in-right-left ng-enter active ng-enter-active"] .bar{
     background: black;
}
ion-modal-view[class="module-fanwall fanwall-new fanwall-new-l1 modal has-background-image slide-in-right-left ng-enter active ng-enter-active"] div.list .item-avatar{
    background: none;
    border: none;
    margin-top: 0px;
    margin-bottom: 0px; 
}
ion-modal-view[class="module-fanwall fanwall-new fanwall-new-l1 modal has-background-image slide-in-right-left ng-enter active ng-enter-active"] div.list .item-custom{
    left: 10px;
    margin-right: 17px;
    border-radius: 1em;
} 
ion-modal-view[class="module-fanwall fanwall-new fanwall-new-l1 modal has-background-image slide-in-right-left ng-enter active ng-enter-active"] div.scroll{
   background: black;
   margin-top: -13px;
   padding-bottom: 150px;
   border : 0px;
}
ion-modal-view[class="module-fanwall fanwall-new fanwall-new-l1 modal has-background-image slide-in-right-left ng-enter active ng-enter-active"] .bar{
    border-bottom: 0px;
}
ion-modal-view[class="module-fanwall fanwall-new fanwall-new-l1 modal has-background-image slide-in-right-left ng-enter active ng-enter-active"] .button{
     border-radius :1em;
     margin:2%;
}
ion-modal-view[class="module-fanwall fanwall-new fanwall-new-l1 modal has-background-image slide-in-right-left ng-enter active ng-enter-active"] div.list .ng-binding{
    color: white; 
}
div.modal-backdrop.active .fanwall-comment{
      border-radius: 0;
}
ion-modal-view[class="module-fanwall fanwall-comment fanwall-comment-l1 modal has-background-image slide-in-right-left ng-enter active ng-enter-active"] div.scroll{
     background: #313538;
     padding: 4% 4% 300% 4%;
}
ion-modal-view[class="module-fanwall fanwall-comment fanwall-comment-l1 modal has-background-image slide-in-right-left ng-enter active ng-enter-active"] div.scroll .item-comment{
     border-radius: 1em;
}
ion-modal-view[class="module-fanwall fanwall-comment fanwall-comment-l1 modal has-background-image slide-in-right-left ng-enter active ng-enter-active"] .bar{
    background: #313538;   
}
ion-modal-view[class="module-fanwall fanwall-comment fanwall-comment-l1 modal has-background-image slide-in-right-left ng-enter active ng-enter-active"] .comment-footer{
    background: lightgray;
}
Edited question
Download your FREE cms now

on Combo Modules Purchase

20%

20%

on renewal of expired license

20%

20%

on renewal of active license

20%

40%

on renewal of combo active license

60%

Notes:
No coupon code is required. Applied automatically on the cart.
Combo offer is applicable on the purchase of 2 or more modules/renewal/both.
Terms and conditions apply.

New design of social network

User ID : [email protected]
Pwd : 123456

March 28, 2024 10:33 am