K
K
kentos2018-08-15 18:18:00
css
kentos, 2018-08-15 18:18:00

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;
}

here is the html
<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>

Please help
the site

Answer the question

In order to leave comments, you need to log in

1 answer(s)
V
Vladislav Lyskov, 2018-08-15
@Vlatqa

which specific element do you need to display back?

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question