Search Results for 'css'

[Harry]

Hi,

You can add custom css

#jas-content {min-height: 90vh;}

Best regards

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

[Harry]

Hi,

You can add custom css in JanStudio > Theme Option > General Layout > Custom CSS

.header__top .jas-action a { color: #fff !important;}

.woocommerce-ordering select, .woocommerce-result-count { color: #fff;}

Best regards

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

[Alekzan]

Hi. Is there a way to change the color of the three icons (search, account,cart) in the header? My background is black and those are black too.

Also, is there a way to change the color of the “Showing products/Order sort” area? I know it’s the secondary color scheme, but I would like to change only that part from grey to white background with black font color. Maybe an Css? I can set the color hex.

Thanks

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

On account page have link to confirm logout, now you hide this.

You can add custom css to fix

.woocommerce-account ..woocommerce-message {
display: block;
}

best regards

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

[Harry]

Hi Michylee,

You can add custom css in Claue > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 736px) {
.header__mid .jas-col-sm-4.jas-col-xs-3 {
flex-basis: 16.666%;
max-width: 16.666%;
-ms-flex-preferred-size: 16.666%;
}
.header__mid .jas-col-sm-4.jas-col-xs-6 {
flex-basis: 66.666%;
max-width: 66.666%;
-ms-flex-preferred-size: 66.666%;
}
}

You can increase Logo Max Width number in Theme Option as you want

Best regards

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

[michylee]

This reply has been marked as private.

[Harry]

I help you fixed the issue.

It because your custom css code in Theme Option lost close tag. So when you minify css with autoptimize plugin it break layout.

Best regards

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

[Harry]

Did you see the issue on original browser screen ( 1280, 1366, 1440, 1920)?

Of course when you drag to resize your browser, the javascript sometime can’t respond immediate to adapt.

I saw you add some custom css maybe these cause the issue http://take.ms/GUYSM

Best regards

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

[Harry]

Hi,

please add custom css code

#customer_login .jas-col-md-6.jas-col-sm-6 { flex-basis: 100%; max-width: 100%;}
#customer_login .col-2 { margin-top: 60px;}

Best 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.

You can set transparent header for only home page by go to Theme Option > Header > Enable sticky header > On
and add custom css in Theme Option > General Layout > Custom CSS

.home #jas-content {margin-top: -62px;}

Best regards

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