Co-founder and CEO of Codalify

62 POSTS 9 COMMENTS

Hi there! I'm the co-founder and CEO of Codalify, the software development company behind SociableKIT. I hope you like our product! Our team is working hard to develop and maintain the SociableKIT services. We believe that SociableKIT solutions are valuable for our customers. It makes their websites look more beautiful, useful and automatically updated. Learn more from our blog.

How to Embed Medium Post on Website?

Mike Dalisay - July 1, 2019

How to embed Facebook Group Events on Website?

Mike Dalisay - June 9, 2019

SociableKIT Version 6.2

Mike Dalisay - May 17, 2019

SociableKIT Version 6.1

Mike Dalisay - April 9, 2019

SociableKIT Version 6.0

Mike Dalisay - March 18, 2019

SociableKIT Version 5.9

Mike Dalisay - February 20, 2019

Ideias do Levante + SociableKIT

Mike Dalisay - August 22, 2018

Momentum Volleyball Club + SociableKIT

Mike Dalisay - August 22, 2018

Rino Yoga Social + SociableKIT

Mike Dalisay - August 21, 2018

Van Life + SociableKIT

Mike Dalisay - August 21, 2018

12 3...7 Page 1 of 7

ol li a{
    text-decoration:underline;
}

// fixed underline nav menu
ul#menu-menu_main-1 li.menu-item{
    text-decoration: none !important;
}

.td-page-content, .td-post-content, .wpb_text_column, .td_block_text_with_title, .woocommerce #tab-description, .mce-content-body{
	line-height: 18px;
}

// tab size fixes
@media (max-width: 730px){
    .tdm-testimonial-info2 h1{
        text-align:left;
    }
  .tds-title.tds-title3.td-fix-index{
    text-align:center;
  }

.tds-title.tds-title3.td-fix-index .tdm-title-line{
    margin:auto;
  }

.code-block.code-block-1 {
    text-align:center;
  }
  .code-block.code-block-1 form .signup_field{
    margin: auto;
    margin-bottom: 10px;
  }

.td-footer-wrapper .td_block_template_1 .td-block-title{
    text-align:center;
  }
  .td-footer-wrapper .td_block_template_1 #menu-menu_follow{
    text-align:center;
  }

.td-footer-wrapper .td_block_template_1 #menu-menu_solutions{
    text-align:center;
  }

.td-footer-wrapper .td_block_template_1 #menu-menu_company{
    text-align:center;
  }

.td-footer-wrapper .td_block_template_1 #menu-menu_main-2{
    text-align:center;
  }

.td-footer-wrapper .td_block_template_1 .td-fix-index{
    text-align:center;
  }
}

// safri
::i-block-chrome, .td_block_template_1 .td-block-title-wrap{
    margin-top:100px;
}

::i-block-chrome, .td-block-title-wrap{
    margin-top:100px;
}
_::-webkit-full-page-media, _:future, :root .td-block-title-wrap {  margin-top:100px; }

//fixes of image height
@media screen and (max-width: 750px) {
    .td_block_single_image  .td_single_image_bg {
      height:160px !important;
    }
}

// fix buttons
@media (min-width: 320px) and (max-width: 480px){
    a.btn.btn-primary.btn-xl.btn-outline-light{
    	width: 70%;
        margin-bottom: 10px;
    }
    a.btn.btn-xl.btn-primary.btn_demo{
    	text-align:center;
    }
    h1.tdm-title.tdm-title-bg{
    	width:100%;
    }
}
// fixes for landing page image background
.td-pb-row > .td-element-style{
	-webkit-transform: translateX(-50%);
	color:white;
}

// end it here

#pay_annually_message{
    font-size: 15px;
    margin-top: 20px;
}

#sk-pricing-annual, #sk-pricing-monthly{
    width: 100%;
    font-family: Verdana, Geneva, sans-serif;
    padding-left: 0.4%;
}
.bold-text{
    font-weight: bold;
}

.content-container, .content-container-monthly, .content-container-monthly-header, .content-container-header{
    margin: auto;
    text-align: center;
}

.content-container, .content-container-monthly{
    padding-top: 6px;
}

.content-container-monthly-header, .content-container-header{
    padding-top: 11px;
}

.dark-btn{
    text-decoration: none !important;
    background-color: #000000;
    color: white;
    padding: 5px 10px;
    border-radius: 0px;
}

.container-yearly, .container-monthly, .header-container{
    width: 100%;
}

.pricing-monthly-grid-cell{
    margin: auto;
    display: flex;
    border:1px solid #ededed;
    width: 19.7%;
    height: 100%;
}

.pricing-monthly-grid-cell, .pricing-grid-cell{
    float: left;
}

.pricing-grid-cell{
    margin: auto;
    display: flex;
    border:1px solid #ededed;
    width: 20%;
    height: 100%;
}

.grid-pricing-header{
    width: 100%;
    height: 50px;
}

.grid-pricing-body{
    width: 100%;
    height: 40px;
}

.solution-name{
    font-weight: normal;
}

@media screen and (max-width:724px) {
    .pricing-grid-cell, .pricing-monthly-grid-cell{
        border:0px solid #ededed;
        width:100%;
    }
    p{
        text-align: left !important;
    }
    .grid-pricing-header{
        display: none;
    }
    .solution-name{
        font-weight: bold;
    }
    .container-yearly, .container-monthly{
        background-color: #ededed;
        height: 250px;
        margin-bottom: 2%;
    }
    .show-on-mobile{
        display: inline !important;
    }
    .content-container, .content-container-monthly{
        width: 100% !important;
        text-align: center !important;
    }
    
    .content-container{
        padding-top: 2%;
    }
    
    .content-container-monthly{
        padding-top: 30px;
    }
    
    .pricing-grid-cell{
        width: 100%;
        text-align: center !important;
        padding-top: 18px;
    }
    .grid-pricing-body{
        width: 100%;
        text-align: center !important;
    }
}

.dark_btn{
    background-color:#000000; 
    color:#ffffff; 
    padding:5px 10px;
    border-radius:0px;
}

.sk_plans th,
.sk_plans td{
    padding:8px 10px;
}

.td-scroll-up {
    display:none !important;
}

#sk_support_link{
    position:fixed; 
    left: 10px; 
    bottom:10px; 
    padding:8px 13px; 
    border:2px solid #000; 
    background-color:#fff;
}

.td-module-comments{ display:none; }
#sk_pricing_annual li a,
#sk_pricing_monthly li a,
p a {
    text-decoration:underline !important;
    text-underline-position: under;
}

.td_block_list_menu ul{
    margin-left:0;
}

.td-author-description a,
.tdm-title-sub a{
    text-decoration:underline !important;   
    text-underline-position: under;
}

.sk_blog_tutorials .entry-date,
.sk_blog_tips .entry-date{
    display:none;
}

.cn-button.bootstrap{
    background-image:none !important;    
}

.get_started_button{
    background-color:#ffffff; 
    border: 2px solid #000000; 
    color:#000000; 
    font-family: 'Roboto', sans-serif; 
    cursor:pointer; 
    padding:10px 15px; 
    width:300px; 
    font-weight:bold;
}

.get_started_button:hover{
    color:#ffffff; 
    background-color:#000000; 
}

#cookie-notice .cn-button {
    margin-left: 10px;
    text-decoration: none !important;
    color: #ffffff !important;
    background-color: #000000 !important;
    border-radius: 0;
}

.cookie-notice-container a{
    color:#000000 !important;
    text-decoration:underline !important;
}

#home_page_icons_container{
    margin-bottom:20px;
}

#home_page_icons_container img{
    width:48px;
    height:48px;
    float:left;
    margin-right:5px;
}

.sk_solutions_table tr td{ 
    border:none; 
    border-bottom:1px solid #f1f1f1;
}
.sk_success_stories_grid .td-module-title,
.sk_success_stories_grid .td-module-meta-info{
    display:none;
}
.sk_features_table table tr th:nth-child(2),
.sk_features_table table tr td:nth-child(2){
text-align:center;    
}

.free_trial_signup input{
    padding:20px !important;
    border: 2px solid #555555;
}

#pricing_not_yet_ready_to_order{
    text-align:center;
    font-size:23px;
    color:#555;
}

#home_customers_logo .tdm-mobile-full{
    height:200px !important;
}

#home_customers_logo .td_block_wrap{
    margin:0;
}

.alert{
    color:#ffffff;
    padding:10px;
    border-radius:3px;
}

.alert a{
    color:#ffffff;
    text-decoration:underline;
}

.alert-danger{
    background-color:red;
}

.alert-success{
    background-color:green;
}

.alert-info{
    background-color:#22a0d6;
}

.signup_field{
    width:300px; 
    margin-bottom:15px;
}

.free_access_page .form-signin{
    width:300px;
    margin:0 auto;
    margin-top:30px;
}

.td-scroll-up{ 
    left:13px; 
    bottom:15px;
    border-radius:50px;
}

.sk_solutions_table td{ 
    padding:15px 10px; 
    font-family:'Open Sans', arial, sans-serif;
    font-size:15px;
}

.tac{ text-align:center; }

.w33pct{ width:33%; }

.hp_about_text{ color:#aaaaaa !important; }

.td-technology .td-text-image-module img{
    box-shadow:none;
}

.anchor-info{
    text-decoration: none !important;
}

.show-on-mobile{
    display: none;
}

@media screen and (max-width:1140px) {
    .long-text-month{
        padding-top: 0px;
    }
    .content-container-save{
        padding: 0px;
        line-height: 1.5 !important;
        font-size: 10px !important;
    }
}
@media screen and (max-width:1018px) {
    .long-text-count{
        padding-top: 0px;
    }
}

@media screen and (min-width:1139px) {
    .content-container-save{
        font-size: 14px !important;
    }
}

.content-container-save{
    text-align: center;
}

// for solution css
@media screen and (max-width: 800px) {
    .solution_header_category{
        width:245% !important;
    }
}

@media screen and (max-width: 900px) {
    .solution_header_category{
        width:215% !important;
    }
}

@media screen and (max-width: 1000px) {
    .solution_header_category{
        width:215% !important;
    }
}

@media screen and (max-width: 600px) {
    .solution_header_category{
        width:100% !important;
    }
}

.text-center{
    text-align:center;
}

.text-left{
    text-align:left;
}

.text-right{
    text-align:right;
}

.solution_header_category{
    display:table !important;
    width:310%;
}

.solution_header_category .solution_table_small{
    padding:10px;
}
.solution_table {
     display: table;
     text-align: center;
     width: 100%;
     border-collapse: separate;
     font-family: 'Roboto', sans-serif;
     font-weight: 400;
}

.solution_table small {
     font-size: 80%;
}

.solution_table strong {
     font-weight:bold;
     font-size: 15px;
}
 .solution_table_row {
     display: table-row;
}
 .solution_theader {
     display: table-row;
}
 .solution_table_btn,.solution_table_btn:hover{
     text-decoration: none !important;
     background-color: #222222;
     color: white;
     padding: 10px;
     border-radius: 0px;
     opacity:1.0;
}
 .solution_table_header {
     display: table-cell;
     width: 20%;
     border-bottom: #ccc 1px solid;
     padding-top: 10px;
     padding-bottom: 10px;
     font-weight: 700;
     pointer-events: none;
}
 .solution_table_small {
     display: table-cell;
}
 .solution_table_row > .solution_table_small > .solution_table_cell:nth-child(odd) {
     display: none;
     background: #222222;
     color: #e5e5e5;
     padding: 10px 5px;
}
 .solution_table_row > .solution_table_small > .solution_table_cell {
     padding: 14px;
     color: #231e1e;
     border-bottom: #ccc 1px solid;
}
 .solution_table_row:last-child > .solution_table_small:last-child > .solution_table_cell:last-child {
     border-bottom-right-radius: 5px;
}
 .solution_table_row:last-child > .solution_table_small:first-child > .solution_table_cell:last-child {
     border-bottom-left-radius: 5px;
}

.solution_header_category_container{
    color: #1e1919;
    padding: 10px;
}

.solution_header_category_container strong{
    text-transform:Uppercase;
}

.solution_category_img img{
    height:70px;
}
.solution_category_img{
    padding: 0 !important;
    
}

.solution_header_category_container .solution_table_cell{
     border-top-right-radius : 5px;
     border-top-left-radius : 5px;
}
 @media screen and (max-width: 650px) {
     .solution_header_category_container{
         display:block !important;
    }
    
     .solution_table {
         display: block;
    }
     .solution_table_row:nth-child(2n+3) {
         background: none;
    }
     .solution_theader {
         display: none;
    }
     .solution_table_row > .solution_table_small > .solution_table_cell:nth-child(odd) {
         display: table-cell;
         width: 50%;
    }
     .solution_table_cell {
         display: table-cell;
         width: 50%;
    }
     .solution_table_row {
         display: table;
         width: 100%;
         border-collapse: separate;
         padding-bottom: 20px;
         text-align: center;
    }
     .solution_table_small {
         display: table-row;
    }
     .solution_table_row > .solution_table_small:first-child > .solution_table_cell:last-child {
         border-left: none;
    }
     .solution_table_row > .solution_table_small > .solution_table_cell:first-child {
         border-left: #ccc 1px solid;
    }
     .solution_table_row > .solution_table_small:first-child > .solution_table_cell:first-child {
         border-top-left-radius: 5px;
         border-top: #ccc 1px solid;
    }
     .solution_table_row > .solution_table_small:first-child > .solution_table_cell:last-child {
         border-top-right-radius: 5px;
         border-top: #ccc 1px solid;
    }
     .solution_table_row > .solution_table_small:last-child > .solution_table_cell:first-child {
         border-right: none;
    }
     .solution_table_row > .solution_table_small > .solution_table_cell:last-child {
         border-right: #ccc 1px solid;
    }
     .solution_table_row > .solution_table_small:last-child > .solution_table_cell:first-child {
         border-bottom-left-radius: 5px;
    }
     .solution_table_row > .solution_table_small:last-child > .solution_table_cell:last-child {
         border-bottom-right-radius: 5px;
    }
}

// end
@media (max-width: 640px) {
    .td-fix-index{
        text-align: center !important;
    }
    .td_uid_11_5daeeb0d6f210 .tdm-title-line:after{
        left: 200% !important;
    }

.td_uid_3_5daeed20dca7d_rand .td_block_wrap{
        text-align: center !important;
    }

.signup_field{
        display: inline-block;
    }

.td_uid_11_5daeef1221cb3 .tdm-title-line{
        display: inline-block !important;
    }

.tds-title2 .tdm-title-line, .tds-title3 .tdm-title-line{
        display: inline-block !important;
    }
    .td-footer-wrapper .widget .block-title{
        text-align: center;
    }
}
@media (width: 768px) {
    .td-pb-span5{
        padding-left: 0px !important;
    }
    .td_single_image_bg{
        background-size: contain !important;
    }
    .free_trial_signup{
        margin-top: 145px !important;
    }
    .td-technology .tdm-header-style-2 .sf-menu > li > a{
    	padding: 0 18px !important;
    }
    .tdm-header-style-2 .td-logo-in-menu{
    	left: -12px !important;
    }
}

Mike Dalisay