Forum Replies Created
-
AuthorPosts
-
This reply has been marked as private.This reply has been marked as private.
can you do this with admin account? when i do it i get nothing.
didn’t show new spinner. everything stayed the same ??
This is the code from line 30 to 34.
Its not the same as your code you told me to replace. do i replace this code ?
corrected code:
<style type=”text/css”>@keyframes lds-eclipse {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes lds-eclipse {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.lds-eclipse {
position: relative;
}
.lds-eclipse div {
position: absolute;
-webkit-animation: lds-eclipse 0.5s linear infinite;
animation: lds-eclipse 0.5s linear infinite;
width: 160px;
height: 160px;
top: 20px;
left: 20px;
border-radius: 50%;
box-shadow: 0 10px 0 0 #e06ed3;
-webkit-transform-origin: 80px 85px;
transform-origin: 80px 85px;
}
.lds-eclipse {
width: 200px !important;
height: 200px !important;
-webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}
</style>its above. here it is again. Here’s the site with resources: https://loading.io/
this is css code:
<style type=”text/css”>@keyframes lds-eclipse {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes lds-eclipse {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.lds-eclipse {
position: relative;
}
.lds-eclipse div {
position: absolute;
-webkit-animation: lds-eclipse 0.5s linear infinite;
animation: lds-eclipse 0.5s linear infinite;
width: 160px;
height: 160px;
top: 20px;
left: 20px;
border-radius: 50%;
box-shadow: 0 10px 0 0 #e06ed3;
-webkit-transform-origin: 80px 85px;
transform-origin: 80px 85px;
}
.lds-eclipse {
width: 105px !important;
height: 105px !important;
-webkit-transform: translate(-52.5px, -52.5px) scale(0.525) translate(52.5px, 52.5px);
transform: translate(-52.5px, -52.5px) scale(0.525) translate(52.5px, 52.5px);
}
</style>ok once i add code to style.css, how do i call the code forward so that it replaces other ?
So CSS replaces only this one line of code? It seems to be part of an If Statement.
When I replaced code last time and then pasted the old code back in, the template broke. The template Header dropped from top of page margin about 1-inch and footer elements disappeared. Really weird. Luckily I made a copy of file and then it worked again.
ok it shows up but won’t “load more” products. just spinning. how do i get the next group of products to load. Infinite scroll is already set. but it won’t load with the gif. ?
-
AuthorPosts