Answer the question
In order to leave comments, you need to log in
How to display back?
How to display the element back, after some manipulation, they stopped loading, but when they are preloaded, here is the code of one button and the whole css
@media screen and (max-width: 1920px) {
.instblock {
z-index: 1;
top: -534px;
left: 158px;
width: 280px;
}
.rowgoods {
margin-top: -13%;
}
}
@media screen and (min-width:1600px){
.block {
display:block;
}
.blocktablet {
display:none;
}
.blockmobile {
display:none;
}
.slick-slide img {
width:610px;
}
.rowgoods {
margin-top: -13%;
}
}
@media screen and (max-width:768px) {
.big {
display:none;
}
.block {
display:none;
}
.blocktablet {
display:block;
}
.blockmobile {
display:none;
}
.slick-slide img {
padding-bottom: 15%;
padding-top:9%;
}
.slick-slide img {
width:unset;
}
.rowgoods {
margin-top:-30%;
}
.kswr-slickslider-container.slick-initialized.slick-slider {
margin-bottom: 75px;
}
}
@media screen and (max-width:400px) {
.big {
display:none;
}
.block {
display:none;
}
.blocktablet {
display:none;
}
.blockmobile {
display:block;
}
.slick-slide img {
padding-bottom: 15%;
padding-top:9%;
}
.slick-slide img {
width:unset;
}
}
@media screen and (max-width: 1440px) {
.instblock {
z-index: 1;
top: -421px;
left: 74px;
width: 280px;
}
}
@media screen and (max-width: 1440px) {
.big {
display:none;
}
.blocktablet {
display:none;
}
.block {
display:block;
}
.slick-slide img {
width:410px;
}
.blockmobile {
display:none;
}
.rowgoods {
margin-top: -14%;
}
}
@media screen and (max-width: 1366px) {
.instblock {
z-index:1;
position:relative;
top:-394px;
left:61px;
width:280px;
}
}
@media screen and (max-width: 1280px) {
.instblock {
z-index: 1;
top: -380px;
left: 49px;
width: 280px;
}
.ultsl-arrow-left2 {
position: absolute;
top: 120px;
}
.ultsl-arrow-right2 {
position: absolute;
top: 110px;
right: 20px;
}
}
@media screen and (max-width: 1024px){
.instblock {
z-index: 1;
top: -322px;
left: 36px;
width: 224px;
}
#fld_681055_1 {
margin-left: -39px;
}
.block {
margin-left:70px;
}
.block a {
left:-105px !important;
}
#ult-carousel-786120165b51c8015f30f {
margin-left:-10% !important;
}
.ultsl-arrow-right2 {
position: absolute;
top: 82px;
right: 0px;
}
.ultsl-arrow-left2 {
position: absolute;
top: 82px;
left: 0px;
}
}
/*.instblock {*/
/* z-index:1;*/
/* position:relative;*/
/* top:-380px;*/
/* left:50px;*/
/* width:300px;*/
/*}*/
.instblock a {
text-transform: none !important;
}
.block {
position: absolute;
top: 148px;
left: 332px;
background-color: #fe2520;
width: 144px;
height: auto;
text-decoration: unset;
padding: 19px 17px;
}
.block span {
color: white;
font-size:18px;
font-weight:600;
}
.block span:hover{
color: #c9c9c9;
}
.block p {
color:#f9f9f9;
}
.blockmobile{
position: absolute;
top: 104px;
left: 20px;
background-color: #fe2520;
width: 92px;
height: auto;
text-decoration: unset;
padding: 0px 0px;
text-align: center;
}
.blockmobile span {
color: white;
font-size:10px;
font-weight:600;
}
.blockmobile p {
color:#f9f9f9;
font-size:12px;
}
.blockmobile span:hover{
color: #c9c9c9;
}
.blocktablet {
position: absolute;
top: 306px;
left: 82px;
background-color: #fe2520;
width: 184px;
height: auto;
text-decoration: unset;
padding: 5px 0px;
text-align: center;
}
.blocktablet span {
color: white;
font-size:15px;
font-weight:600;
}
.blocktablet {
color:#f9f9f9;
font-size:12px;
}
.blocktablet span:hover{
color: #c9c9c9;
}
.btnmainphone {
margin-left:200px !important;
margin-top:-108px !important;
}
#fld_681055_1 {
font-size: 25px;
border: none;
box-shadow: none;
font-weight: 400;
padding:0;
}
#fld_5919067_1 {
background-color: #fe2520;
color: #fff;
font-weight: 600;
border: 1px solid #fe2520;
margin-left: -40px;
}
#fld_5919067_1:hover {
color: #fe2520;
background-color: white;
border: 1px solid #fe2520;
}
#fld_681055_2 {
border: none;
box-shadow: none;
font-size: 25px;
text-align: center;
padding: 0;
font-weight: 400;
}
#fld_5919067_2 {
background-color: #fe2520;
color: #fff;
font-weight: 600;
border: 1px solid #fe2520;
position: absolute;
top: 50%;
left: 50%;
margin-top:4%;
margin-right: -50%;
transform: translate(-50%, -50%);
border-radius: unset;
padding: 5px 9px;
}
#fld_5919067_2:hover {
color: #fe2520;
background-color: white;
border: 1px solid #fe2520;
}
.defaults-angle-right {
display:none !important;
}
.slick-next {
right: 83px;
top: 302px;
}
.slick-prev {
left: 79px;
top: 305px;
}
.slick-slider .slick-next, .slick-slider .slick-prev {
line-height:unset !important;
}
.big {
position: absolute;
top: 230px;
left: 540px;
background-color: #fe2520;
width: 144px;
height: auto;
text-decoration: unset;
padding: 19px 17px;
}
.big span {
color: white;
font-size:15px;
font-weight:600;
}
.big p {
color:#f9f9f9;
font-size:12px;
}
.big span:hover{
color: #c9c9c9;
}
.owl-stage {
padding-bottom: 100px !important;
}
.owl-prev {
color:#fe2520 !important;
opacity: 1;
}
.owl-prev:hover {
background-color: none !important;
}
.owl-next {
color:#fe2520 !important;
opacity: 1;
}
.owl-next:hover{
color:#fe2520 !important;
background-color: none !important;
}
@media screen and (min-width: 1366px) {
.ultsl-arrow-right2 {
position:absolute;
top:120px;
right:22px;
}
.ultsl-arrow-left2 {
position:absolute;
top:120px;
}
}
@media screen and (min-width: 1920px) {
.ultsl-arrow-right2 {
position:absolute;
top:300px;
right:22px;
}
.ultsl-arrow-left2 {
position:absolute;
top:300px;
}
}
/*.tabletrow {*/
/* display:none;*/
/*}*/
/*.tabletslider {*/
/* display:none;*/
/*}*/
@media (min-width: 768px) and (max-width: 1024px) {
/* .tabletrow {*/
/* display:block;*/
/*}*/
.ultsl-arrow-right2 {
position: absolute;
top: 50px;
right: 43px;
}
.ultsl-arrow-left2 {
position: absolute;
top: 61px;
left: 78px;
}
}
/*.tabletslider {*/
/* display:block;*/
/*}*/
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
display:block !important;
}
.owl-prev {
left: -2.5rem;
}
.owl-carousel .owl-prev, .owl-carousel .owl-next {
right:-3%;
}
.no-touch .owl-prev:hover {
border-color: #fe2520;
}
.no-touch .owl-next:hover {
border-color:#fe2520;
}
.hover-more:hover {
color:#fe2520 !important;
}
@media screen and (max-width: 700px) {
.ultsl-arrow-right2 {
position: absolute;
top: -1px;
right: 0;
}
.ultsl-arrow-left2 {
position: absolute;
top: -1px;
left: 0;
}
}
.feedback-mobile .owl-dots {
margin-bottom:20%;
}
.feedback-mobile .owl-dot span {
background-color:#fe2520;
}
.btn-about{
color: white;
background-color:#fe2520;
border: 2px solid #fe2520;
text-transform:uppercase;
padding: 0px 9px;
font-size: 12px;
margin-top: 4%;
}
.btn-about:hover{
color: #fe2520;
background-color:transparent;
border: 2px solid #fe2520;
}
#fld_681055_1 {
font-size: 21px !important;
margin-left: 50px;
}
.btn-club-m{
color: white;
background-color:#fe2520;
border: 2px solid #fe2520;
text-transform:uppercase;
padding: 0px 9px;
font-size: 12px;
margin-left: 25%;
font-weight:bold;
}
.btn-club-m:hover{
color: #fe2520;
background-color:transparent;
border: 2px solid #fe2520;
}
.btn-club{
color: white;
background-color:#fe2520;
border: 2px solid #fe2520;
text-transform:uppercase;
padding: 0px 9px;
font-size: 12px;
margin-left: 44%;
font-weight:bold;
}
.btn-club:hover{
color: #fe2520;
background-color:transparent;
border: 2px solid #fe2520;
}
<a href="/goods/eyebrows/">
<div>
<img src="/wp-content/uploads/2018/07/yslugi_brovi.jpg">
<a class="block" href="/goods/eyebrows/">
<span><b>></b>БРОВИ</span>
<p>от 7 руб.</p>
</a>
<a class="big" href="/goods/eyebrows/">
<span><b>></b>БРОВИ</span>
<p>от 7 руб.</p>
</a>
<a class="blocktablet" href="/goods/eyebrows/">
<span><b>></b>БРОВИ</span>
<p>от 7 руб.</p>
</a>
<a class="blockmobile" href="/goods/eyebrows/">
<span><b>></b>БРОВИ</span>
<p>от 7 руб.</p>
</a>
</div>
</a>
Answer the question
In order to leave comments, you need to log in
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question