Blog – SociableKIT

SociableKIT Tutorials

How to embed Facebook Page Events on Website?

Mike Dalisay - January 15, 2018

How To Embed Facebook Page Event On Website?

Mike Dalisay - January 15, 2018

How to Sync Facebook Page Events to Google Calendar?

Mike Dalisay - January 15, 2018

How To Embed Facebook Page Photo Albums On Website?

January 16, 2018

How To Embed Facebook Page Photo Album On Website?

January 16, 2018

How To Embed Instagram Feed On Website?

January 16, 2018

How To Embed Instagram Hashtag Feed On Website?

January 16, 2018

How To Embed Private Instagram Feed On Website?

January 16, 2018

How To Embed YouTube Channel On Website?

January 16, 2018

How To Embed YouTube Playlist On Website?

January 16, 2018

How To Embed Facebook Page Videos On Website?

January 16, 2018

How To Embed Facebook Page Video On Website?

January 16, 2018

How To Embed Facebook Page Live Video On Website?

January 16, 2018

How To Embed Twitter Feed On Website?

January 16, 2018

How To Embed Twitter Hashtag Feed On Website?

January 16, 2018

How To Embed Facebook Page Posts On Website?

January 16, 2018

How To Embed Facebook Page Reviews On Website?

January 16, 2018

How to Embed Medium Publication Feed on Website?

February 7, 2018

How to Embed Google Reviews on Website?

June 19, 2018

How to Embed Google Calendar on Website?

July 12, 2018

How to embed Facebook Group Events on Website?

June 9, 2019

How to Embed Medium Post on Website?

July 1, 2019

SociableKIT Tips

How to Find Facebook Page ID?

Mike Dalisay - January 23, 2018

How To Find Facebook Page Event ID?

Mike Dalisay - January 23, 2018

How To Find Facebook Album ID?

Mike Dalisay - January 23, 2018

How To Find YouTube Channel ID?

January 23, 2018

How To Find YouTube Channel Custom Name?

January 23, 2018

How To Find YouTube Playlist ID?

January 23, 2018

How to Find Facebook Page Video ID?

January 23, 2018

How to get Medium Publication ID?

January 23, 2018

What is a SociableKIT Solution?

January 23, 2018

How to Create Facebook App ID?

February 1, 2018

How to get Facebook Short-Lived User Access Token?

February 1, 2018

How To Get Facebook Long-Lived User Access Token?

February 1, 2018

How To Block User On My Instagram Hashtag Feed?

February 6, 2018

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

// 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) {
    #firstname, #email{
        width: 85%;
    }
    .get_started_button{
        width: 98%;
    }
    .td_single_image_bg{
        background-size: contain !important;
    }
    .g-recaptcha, .g-recaptcha div{
        width: 95% !important;
    }
}

SociableKIT Tutorials

SociableKIT Tips

FOLLOW

SOLUTIONS

COMPANY

TOUR