Search Results for 'css'

[Harry]

Hi,

Thank you for your kind words!

Please download attach file and extract to claue-child

And add new code to style.css in claue-child

.preloader.pf {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #ffffff;
    z-index: 999;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

.preloader .loader1 {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #56cfe1;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
.preloader .loader1:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #56cfe1;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
    background: transparent;
}
.preloader .loader1:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #56cfe1;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

Best regards

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

[agop]

Hello & congrats on an excellent theme!

Want to change the Claue CSS Preloader (straight line) to the CSS animation as shown on themeforest on the Claue theme (the circular CSS animation)

if you could kindly provide the code needed,

attaching image 

thanks

[agop]

Hello & congrats on an excellent theme!

Want to change the Claue CSS Preloader (straight line) to the CSS animation as shown on themeforest on the Claue theme (the circular CSS animation)

if you could kindly provide the code needed,

attaching image 

thanks

[Harry]

Hi,

You can remove the line by add custom code in Claue > Theme Option > General Layout > Custom CSS

.header__bot .jas-navigation {
	border-top: none;
}

Best regards

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

[Harry]

Hi,

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

@media only screen and (max-width: 736px) {
.jas-branding a {
	padding-bottom: 50px;
}}

Best regards

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

[Harry]

Hi,

You can change border color of checkbox by add custom CSS code in Claue > Theme Option > General Layout > Custom CSS

.style-checkbox label {
	border: 1px solid #999;
}

and change #999 with your color.

Best regards

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

[basslion]

I am unable to change background color #f8f8fa which is located on each side of the home page top banner slider. I try to add background:#FFF !important; but the css code in place is already set to important so i cant override it.

Here is a screenshot http://prntscr.com/j3kcr2

Any help is greatly appreciated.

[Harry]

Hi,

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

.home .jas-container {width: 100%;}

Best regards

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

[Harry]

Hi,

please add below code to Claue > Theme Option > general layout > Custom CSs

.product-image .yith-wcwl-add-button a {color: #fff}
.product-image .yith-wcwl-wishlistaddedbrowse.show a {color: #222;}

and change #fff and #222 with your color code.

Best regards

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

[francesco]

How can I change the color of the heart?  (attached)

Through the settings of: claue>/ color scheme>/ … it’s not possible!

Through the settings of  YITH plugin: Wishlist>/ Colors>/ …don’t work!

Through the Editor Claue: style.css>/…i can’t.

It is possible to add a custom css somewhere; or where is it possible to change the color style of the heart in the editor? could you help me?

 

thank you so much

and have a nice work

kind regards

Attachments:

You must be logged in to view attached files.