<style>
.button {
font-size: 1em;
font-family: Montserrat;
font-weight: bold;
padding: 3px;
color: #000;
border: 1px solid #000000;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease-out;
}
.button:hover {
background: #000000;
color: #fff;
}
.overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.8);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
}
.overlay:target {
visibility: visible;
opacity: 1;
}
.popup {
margin: 140px auto;
padding: 5px;
background: #000;
border-radius: 0px;
width: 40%;
position: relative;
transition: all 5s ease-in-out;
}
.popup .close {
position: absolute;
top: 20px;
right: 30px;
transition: all 200ms;
font-size: 40px;
font-weight: bold;
text-decoration: none;
color: #fff;
}
.popup .close:hover {
color: #000;
}
.popup .content {
max-height: 30%;
overflow: auto;
}
@media screen and (max-width: 700px){
.popup{
width: 98%;
margin: 55px auto;
}
}
</style>
<body>
<div class="box">
<a class="button" href="#popup1">*SHADE FINDER?</a>
</div>
<div id="popup1" class="overlay">
<div class="popup">
<a class="close" href="#">×</a>
<div id="interact-61c0219fe580c80018f021b4"></div><script>var app_61c0219fe580c80018f021b4;(function(d, t){var s=d.createElement(t),options={"appId":"61c0219fe580c80018f021b4","width":"800","height":"800","async":true,"host":"quiz.tryinteract.com", "footer":"show"};s.src='https://i.tryinteract.com/embed/app.js';s.onload=s.onreadystatechange=function(){var rs=this.readyState;if(rs)if(rs!='complete')if(rs!='loaded')return;try{app_61c0219fe580c80018f021b4=new InteractApp();app_61c0219fe580c80018f021b4.initialize(options);app_61c0219fe580c80018f021b4.display();}catch(e){}};var scr=d.getElementsByTagName(t)[0],par=scr.parentNode;par.insertBefore(s,scr);})(document,'script');</script>
</div>
</div>
</body>
Please find above code for this query and rectify where i'm making mistakes.
please any help will be appreciable
The Real Store
If helpful then please Like and Accept Solution.
Want to create a new store or modify on store Hire me.
Feel free to contact me on
[email protected] regarding any help
Shopify Partner | Skype : aks18766
