Search Results for 'css'

[Harry]

Hi,

Please add custom CSS in Claue > Theme Option > General Layout > Custom CSS

.page-id-6791 #jas-wrapper {width: 2560px;}

and change 6791 with your page ID number.

Kind regards

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

[jodyasatre]

Since the very beginning, mobile performance is poor and is now a major problem for our SEO.  We have tried multiple caching plugins without helping. We also tried minifying CSS, java script, etc with numerous plugins but that breaks the site.  Our developer is recommending changing templates.  Can you resolve mobile performance issues with the Claue template?

Asatre.com   ID=clauesupport PW=ClaueSupport2022#

[Harry]

Hi,

If you want this area white on mobile please add below code tob Claue > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 736px) {

#jas-header {
background-color: #ffffff;
}}

Kind regards

 

 

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

[ateacme]

Hi, I’ve noticed that on mobile devices whit “dark mood” settings for display, our website labartdog.com lost their basic colors, even header so the logo – brown and light-blue on transparent background – was only barely visible.

I’ve temporary changed the png logo with a jpg but still menu icons on the left is not visible…

 

is there a way to have more control on colors on mobile devices with that specific kind of settings?

Maybe I skipped some theme options? Or I can fix it with a little custom css code?

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Cair,

Please add below code to JanStudio > Theme Option > General layout > Custom CSS

body {
color: #333 !important;
}

And change #333 to your color

Kind regards

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

[Harry]

Hi,

Please add to JanStudio > Theme Option > General Layout > Custom CSS

 

Kind regards

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

[Harry]

Hi Ak,

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

.single-product header, .single-product footer, .single-product .jas-breadcrumb {display: none;}

If you want apply this for only mobile please change code to

@media only screen and (max-width: 767px) {

.single-product header, .single-product footer, .single-product .jas-breadcrumb {display: none;}

}

Kind regards

 

 

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

[Harry]

Hi,

You can change color hover by add below code to Claue > Theme Option > General Layout > Custom CSS

 

.product-image a.db::before {
background: rgba(0, 0, 0, 0.1);
}

and change 0,0,0 to RGB color and 0.1 as opacity of color from 0.0 to 1.0

 

Kind 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: 735px) {

.products .jas-col-xs-6:nth-child(2n), .products.jas-masonry .jas-col-xs-6:first-child, .products.jas-masonry .jas-col-xs-6:nth-child(2n+1), .products .jas-col-xs-6:first-child, .products .jas-col-xs-6:nth-child(2n+1), .products.jas-masonry .jas-col-xs-6:nth-child(2n) {
padding-right: 0.5rem;
padding-left: 0.5rem;
max-width: 100%;
flex-basis: 100%;
}

Kind regards

 

 

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

[Harry]

Hi Dubsbhoy,

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

@media only screen and (max-width: 1024px) {
.btn-quickview::after {display: none;}
.btn-quickview {
text-indent: inherit;
background: #fff;
border: inherit;
padding: inherit;
}
.product-image .product-btn .button {
display: block;
}
.product-btn {
left: 50%;
transform: translate3d(-50%, -50%, 0);
top: 50%;
}}

Kind regards

• This reply was modified 2 years, 8 months ago by Harry.

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