img.wab-chevron { height: 12px; } img.wab-chevron.wab-right { margin-left: 1px; } img.wab-chevron.wab-left { margin-right: 2px; } /** * Side Rectangle */ .wab-side-rectangle.wab-pull-right { right: 0; left: initial !important; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; } .wab-side-rectangle.wab-pull-left { left: 0; right: initial !important; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; } .wab-side-rectangle.wab-cont { position: fixed; bottom: 10%; z-index: 99997; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; } .wab-side-rectangle.wab-cont .wab-pull-right { -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; } .wab-side-rectangle #whatsAppButton { display: block; position: relative; direction: ltr; z-index: 9999; cursor: pointer; min-width: 50px; max-width: 236px; color: #ffffff; text-align: center; text-decoration: none; padding: 10px 14px; margin: 0 auto 0 auto; background: #20B038; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; } .wab-side-rectangle #whatsAppButton:after { margin-left: 5px; margin-right: 5px; /* content: url(/wp-content/themes/html5blanknew/img/whatsapp-logo2.svg); */ max-width: 20px; max-height: 20px; fill: currentColor; } .wab-side-rectangle #whatsAppButton svg path { fill: #fff; } .wab-side-rectangle #wab_close { display: flex; align-items: center; justify-content: center; position: absolute; top: -10px; left: -9px; z-index: 999999; background-color: #fff; font-weight: bold; font-size: 14px; border: 2px solid; border-radius: 12px; height: 20px; width: 20px; line-height: 1.2; text-align: center; cursor: pointer; } .wab-x { position: absolute; top: 1px; font-size: 15px; } #wab_cont.wab-side-rectangle.wab-hidden { -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; } /** * Bottom Rectangle */ .wab-bottom-rectangle.wab-cont { position: fixed; bottom: 0; z-index: 99999; width: 100%; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; } .wab-bottom-rectangle #whatsAppButton { display: block; /* position: relative; */ position: absolute; bottom: 0; width: 100%; direction: ltr; z-index: 9999; cursor: pointer; color: #ffffff; text-align: center; text-decoration: none; padding: 10px; margin: 0 auto 0 auto; background: #20B038; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; } .wab-bottom-rectangle #wab_close { display: flex; align-items: center; justify-content: center; position: absolute; bottom: 38px; left: 10px; z-index: 999999; background-color: #fff; font-weight: bold; font-size: 14px; border: 2px solid; border-radius: 10px; height: 20px; width: 20px; line-height: 1.2; text-align: center; cursor: pointer; } .wab-bottom-rectangle img.wab-chevron.wab-down { max-width: 64%; position: absolute; top: 20%; left: 18%; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; } .wab-bottom-rectangle img.wab-chevron.wab-up { max-width: 64%; position: absolute; top: 12%; left: 18%; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; } #wab_cont.wab-bottom-rectangle.wab-hidden { /* bottom: -36px; */ -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; } /* Icon */ .wab-icon-styled.wab-cont, .wab-icon-plain.wab-cont { position: fixed; right: 10px; bottom: 10%; z-index: 99999; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; } .wab-icon-styled #whatsAppButton, .wab-icon-plain #whatsAppButton { display: block; width: 60px; height: 60px; background-position: center center; background-size: cover; background-image: url(https://shoe4africa.org/wp-content/plugins/add-whatsapp-button/includes/style-templates/../../img/wa-icon-original.png); -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; } .wab-icon-styled.wab-cont.wab-pull-left, .wab-icon-plain.wab-cont.wab-pull-left { left: 10px; } .wab-icon-styled.wab-cont.wab-pull-right, .wab-icon-plain.wab-cont.wab-pull-right { right: 10px; } .wab-icon-styled #wab_close, .wab-icon-plain #wab_close { display: flex; align-items: center; justify-content: center; position: absolute; top: -2px; left: -5px; z-index: 999999; background-color: #fff; font-weight: bold; font-size: 14px; border: 2px solid; border-radius: 10px; height: 20px; width: 20px; line-height: 1.2; text-align: center; cursor: pointer; } #wab_cont.wab-icon-styled.wab-hidden, #wab_cont.wab-icon-plain.wab-hidden { right: -64px; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; } .awb-displaynone { display: none; } /* Draggable */ #wab_drag { position: absolute; z-index: 99998; background-color: #20B038; display: flex; align-items: center; justify-content: center; cursor: grab; } .wab-side-rectangle #wab_drag { top: 38px; padding: 5px; } .wab-icon-plain #wab_drag { top: 68px; right: -7px; padding: 9px 5px; border: 3px solid white; border-radius: 50%; } .wab-side-rectangle #wab_drag img { height: 6px; } .wab-icon-plain #wab_drag img { height: 4px; }
Home > Toby's Blog > Thank you Akiva!
Message Us on WhatsApp