I want to make button link open in same window in form of pop-up
I want to add shade finder in my theme so i created a button using app .
Now i want to open that button link in same window inform of popup please help me.
1 Like
i already used this code but now what i’m facing is all mixed up even after over lay opens up
PFB s.s. for more.
.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;
}
}
Please find above code for this query and rectify where i’m making mistakes.
please any help will be appreciable
yes, please share store url
hello sir,
hope you are doin great
have you gone through above code?
1 Like
thanks but password protect
TRM77
1 Like
thanks but i can’t see that code where did you add this?
I added this code before but to error i removed the code and installed it in the size chart.liquide so it solved my problem.
Thank you so mch for your response.
1 Like
great thanks for update