Search Results for 'css'

[Harry]

Hi,

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

.wpb-js-composer .vc_tta-color-mulled-wine.vc_tta-style-modern .vc_tta-tab > a {
border-color: #484152;
padding: 10px 15px;
}

Change #484152 with your border color

Best regards

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

[Foster]

Hi,

You can use this custom CSS code

Cheers,
Foster

[starboardcreative]

Hi! For our site design, we need to have a 3 column footer. Not a 4 column. Could you advise me on how to do this? I tried using just footer widget 1, 2 and 3 (keeping 4 blank) and then altering the CSS to have the class that wraps these areas be 33% (instead of 25%) but then it screwed up the layout of our header with our navigation, logo and hamburger menu. Please help on how we can do a 3 column footer.

[Foster]

Hi,

You can use this custom CSS code, change the number of “order”.

[Harry]

Sorry i miss this case.

You can change body background color by add custom css in Claue > Theme Option > General Layout > Custom CSS

body { background-color: #fff;}

Change #fff with your color.

We will fix issue in theme option in the next update.

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 code

@media only screen and (min-width: 768px) {
.product .jas-row .jas-col-md-7, .product .jas-row .jas-col-md-5 {flex-basis: 50%; max-width: 50%;}
}

Best regards

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

[Harry]

Hi,

You can fix by add custom css

@media only screen and (max-width: 1024px) {
.header__top .jas-col-md-4.jas-col-sm-2.hidden-sm.hidden-xs { display: block; text-align: center;}
.header__top .jas-col-md-4.jas-col-sm-2.hidden-sm.hidden-xs .header-text {margin-right: 0;}

}

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 code in Claue > Theme Option > General Layout > Custom CSS

.post-type-archive-product .shop-top-sidebar, .post-type-archive-product .filter-trigger { display: none;}

Best regards

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

[Harry]

Hi,

you can add below code in Claue > Theme Option > General Layout > Custom CSS

Best regards

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

[Harry]

Hi,

1. We’re sorry because issue. The infinite scroll and loadmore effect get layout config of default setting in Theme Option > WooCommerce > Product Listing Settings > Number of column, it work after window loaded. The switcher column use ajax action to change class of element it second action and don’t refresh window so infinite scroll keep old layout

2. You can add custom css code in Theme Option > General Layout > Custom CSS

Best regards

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