Search Results for 'css'

[bestfitbybrazil]

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>

[bestfitbybrazil]

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>

[Harry]

Hi,

Please give me the link where suggest css code i will check and give you solution.

Thanks

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[bestfitbybrazil]

ok once i add code to style.css, how do i call the code forward so that it replaces other ?

[Harry]

No, don’t replace old code with css code.

please add css code to claue-child > style.css

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[bestfitbybrazil]

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.

[Harry]

Hi,

I’m sorry i tried the code like your but it doesn’t work. Now just only can add css to override.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

Hi,

Please copy the code without

to claue-child > style.css

If you can save as Gif just insert code to line

<img src="path_to_image/name_image.gif">

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

Hi,

Thank you for choosing our theme.

Please add below code to Claue > Theme Option > General Layout > Custom CSS to fix

form.wpcf7-form span.wpcf7-list-item input{ width: inherit; margin-left: 0;} 
span.wpcf7-list-item {display: block;margin: 0;}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[bestfitbybrazil]

It can be saved as GIF, SVG,  CSS or PNG.  how would i incorporate this into the code you have here?