FTP #button-contact-vr { position: fixed; bottom: 0; z-index: 99999; } /*phone*/ #button-contact-vr .button-contact { position: relative; margin-top: -5px; } #button-contact-vr .button-contact .phone-vr { position: relative; visibility: visible; background-color: transparent; width: 90px; height: 90px; cursor: pointer; z-index: 11; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); transition: visibility .5s; left: 0; bottom: 0; display: block; } .phone-vr-circle-fill { width: 65px; height: 65px; top: 12px; left: 12px; position: absolute; box-shadow: 0 0 0 0 #c31d1d; background-color: rgba(230, 8, 8, 0.7); border-radius: 50%; border: 2px solid transparent; -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out; animation: phone-vr-circle-fill 2.3s infinite ease-in-out; transition: all .5s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animuiion: zoom 1.3s infinite; animation: zoom 1.3s infinite; } .phone-vr-img-circle { background-color: #e60808; width: 40px; height: 40px; line-height: 40px; top: 25px; left: 25px; position: absolute; border-radius: 50%; overflow: hidden; display: flex; justify-content: center; -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out; animation: phone-vr-circle-fill 1s infinite ease-in-out; } .phone-vr-img-circle a { display: block; line-height: 37px; } .phone-vr-img-circle img { max-height: 25px; max-width: 27px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } @-webkit-keyframes phone-vr-circle-fill { 0% {-webkit-transform: rotate(0) scale(1) skew(1deg); } 10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);} 20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);} 30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);} 40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);} 50% {-webkit-transform: rotate(0) scale(1) skew(1deg);} 100% {-webkit-transform: rotate(0) scale(1) skew(1deg);} } @-webkit-keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}} .phone-bar a { position: absolute; margin-top: -65px; left: 30px; z-index: -1; color: #fff; font-size: 16px; padding: 7px 15px 7px 50px; border-radius: 100px; white-space: nowrap; } .phone-bar a:hover { opacity: 0.8;color: #fff; } @media(max-width: 736px){ .phone-bar{display: none;} } #zalo-vr .phone-vr-circle-fill { box-shadow: 0 0 0 0 #2196F3; background-color: rgba(33, 150, 243, 0.7); } #zalo-vr .phone-vr-img-circle { background-color: #2196F3; } #viber-vr .phone-vr-circle-fill { box-shadow: 0 0 0 0 #714497; background-color: rgba(113, 68, 151, 0.8); } #viber-vr .phone-vr-img-circle { background-color: #714497; } #contact-vr .phone-vr-circle-fill { box-shadow: 0 0 0 0 #2196F3; background-color: rgba(33, 150, 243, 0.7); } #contact-vr .phone-vr-img-circle { background-color: #2196F3; } div#whatsapp-vr .phone-vr .phone-vr-circle-fill { box-shadow: 0 0 0 0 #1fd744; background-color: rgb(35 217 72 / 70%); } div#whatsapp-vr .phone-vr .phone-vr-img-circle { background: #1cd741; } div#whatsapp-vr .phone-vr .phone-vr-img-circle img { max-width: 100%; max-height: 100%; border-radius: 50%; } #fanpage-vr img { max-width: 35px; max-height: 35px; } #fanpage-vr .phone-vr-img-circle { background-color: #1877f2; } #fanpage-vr .phone-vr-circle-fill { box-shadow: 0 0 0 0 rgb(24 119 242 / 65%); background-color: rgb(24 119 242 / 70%); } /*css all in one*/ #gom-all-in-one .button-contact { transition: 1.6s all; -moz-transition: 1.6s all; -webkit-transition: 1.6s all; } #button-contact-vr.active #gom-all-in-one .button-contact { margin-left: -100%; } #all-in-one-vr .phone-bar { position: absolute; top: 50%; transform: translateY(-50%); left: 100%; color: #fff; padding: 5px 15px 5px 48px; border-radius: 50px; margin-left: -64px; width: max-content; cursor: pointer; } #popup-showroom-vr, div#popup-form-contact-vr { display: none; } #popup-showroom-vr.active, div#popup-form-contact-vr.active { display: block; position: fixed; width: 100%; height: 100vh; top: 0; left: 0; z-index: 99999; } .bg-popup-vr { position: absolute; left: 0; top: 0; background: rgb(51 51 51 / 50%); width: 100%; height: 100vh; } .content-popup-vr { background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 95%; border-radius: 5px; box-shadow: 0 0 14px 5px rgb(0 0 0 / 49%); max-width: 600px; display: flex; } .content-popup-vr input, .content-popup-vr textarea { width: 100%; max-height: 100px; min-height: 38px; border: 1px solid #b1b1b1; margin-bottom: 10px; padding: 0 7px; background: #fff; } .content-popup-vr label { width: 100%; } .content-popup-vr input.wpcf7-form-control.wpcf7-submit { max-width: fit-content; padding: 5px 32px 2px; background: #2196f3; border: 0; color: #fff; font-size: 16px; border-radius: 5px; margin: 10px auto 0; display: block; box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 29%); font-weight: 400;min-height: auto;line-height: 30px;} .content-popup-vr input.wpcf7-form-control.wpcf7-submit:hover { opacity: 0.7; } .content-popup-vr .close-popup-vr { font-family: sans-serif; width: 23px; height: 23px; background: black; position: absolute; top: -10px; right: -10px; color: #fff; text-align: center; line-height: 23px; font-size: 17px; border-radius: 50%; cursor: pointer; } .content-popup-vr .close-popup-vr:hover { background: #b50000; } .content-popup-vr .content-popup-div-vr { width: 100%; padding: 25px; } .content-popup-vr .content-popup-img-vr { width: 100%; max-width: 45%; border-radius: 10px 0 0 10px; overflow: hidden; } #loco-top, #loco-bottom { display: block; } #loco-top .content-popup-img-vr, div#popup-form-contact-vr #loco-bottom .content-popup-img-vr { max-width: 100%; text-align: center; } #contact-showroom.no-event a { pointer-events: none; } .content-popup-vr .content-popup-div-vr ul {color: #333;list-style: none;font-size: 15px;} @media(max-width: 673px){ div#popup-form-contact-vr .content-popup-vr { display: block; } div#popup-form-contact-vr .content-popup-vr .content-popup-img-vr { max-width: 100%; display: none; } } WordPress Tip & Tutorial - TopListWP
8.1 C
New York
Tuesday, December 10, 2024
Eduma Premium Education WordPress Theme
HomeWordPress GuideWordPress Tip & Tutorial

WordPress Tip & Tutorial

How to Change Font in WordPress (Simple Methods)

A font is considered a combination of different typefaces, weights, sizes, slopes, and designs to form a printable or displayable set of text characters....

How to Create a Website Using WordPress

At the start, building a website was such a large plan for every developer since it was hard and costly. Year by year, with...

How to Disable Comments in WordPress: Detailed Guide

Are you searching for a method for WordPress Disable Comments? Even though commenting is a good way to both improve a product, service, or...

5 Digital Marketing Tips and Tricks from Top Brands

No one can deny that digital marketing is critical to the success of any business, regardless of industry. So, what can we learn from...

How To Install WordPress Plugins (Beginners Guide)

If you're a newbie or a beginner, you may wonder How to Install WordPress Plugins after you successfully installed WordPress.  In general, WordPress plugins are...

How to Embed Youtube video in WordPress

Youtube is one of the famous video hosting sites, apart from Vimeo, which is used by all users around the world. You can watch...

How to Edit Footer in WordPress (Simple Steps)

Are you using a WordPress website for your blog or business? Do you know How to Edit Footer in WordPress website?  Basically, the footer of...

How to Backup WordPress Website (2 methods)

Backup your website is one of the essential parts you should do to avoid losing your data or even losing your site. For example,...

How to install WordPress Theme?

If you are a beginner, it's possible that you don't know How to Install WordPress Theme. Worry no more. In today's guide, we are...

How to add Google Analytics to WordPress?

If you want to know well about your audiences and how they interact with your WordPress site, you need to check traffic stats. And...

How to Custom your WordPress Theme? (Without Coding Skills)

In times past, if you want to create or build your own WordPress custom theme, you definitely need to know code or understand technical...
Stay Connected
Eduma Premium Education WordPress Theme
Latest Articles