You can fix by add custom css
html[lang="tr-TR"] .product-category h2::after,
html[lang="tr-TR"] .product-category h3::after {
left: 160px;
}
.product-category h2::before,
.product-category h3::before {
white-space: nowrap;
}
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi Anavasquez,
Thank you for choosing our theme.
This issue because plugin Atum Inventory auto set stock quantity for variable product when product has one variation out of stock http://prntscr.com/h766iq so it apply for all variations. By default it check product status base on variation quantity.
Now you can add custom css to hide badge and report this bug for plugin author
.product-type-variable .badge .sold-out { display: none;}
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi Eldomen,
You can add space by add custom css in CLaue > Theme Option > General Layout > Custom CSS
#jas-header {
padding: 15px 0;
}
The header height will auto update when you add new space.
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
hello, I want to customize the css in order to add some space on top and bottom of the header, however I cannot set this as I see that there is an inline property which sets the height to 110px (see attachment).
I checked in the template file but do not see this hardcoded style, so I a wondering how to remove this property.
Can you please check? thanks
Attachments:
You must be
logged in to view attached files.
Hi,
1. You can add custom css in Claue > Theme Option > General Layout > Custom CSS
@media only screen and (max-width: 1440px) and (min-width: 1024px) {
.header-lateral #jas-content {padding: 0 15px;}
}
2. Please go to WooCommerce > Settings > Products > Display > Product Images > Change all dimension to equal ( width = height). After that you go to Tools > Regenerate Thumbnails
3. Sorry this issue not yet fix. You also need update theme to latest version 1.2.4 and plugin Variation Swatch to version 1.0.1 with more fix bug and improve.
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi,
I understood, please use the custom CSS code below
@media only screen and (min-width: 736px) {
.woocommerce-breadcrumb, .jas-breadcrumb {
max-width: 1170px;
margin: auto;
text-align: right;
padding: 0 !important;
}
}
You can add custom css
.header-sticky .ubermenu .ubermenu-item a { padding: 5px 20px 10px;}
But this effect not much
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi,
This issue because Instagram update their API now the image will display both landscape and portrait https://instagram-press.com/blog/2017/08/29/improvements-to-posts-with-multiple-photos-and-videos/
You can fix by add custom css code in JanStudio > Theme Option > General Layout
.jas-sc-instagram .item img {
height: 320px;
max-width: inherit;
width: auto;
}
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi Stephane,
Sorry for late reply.
You can fix by add custom css
@media only screen and (max-width: 736px) {
.shop-top-sidebar {
overflow-x: none;
overflow-y: none;
}
}
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi,
You can hide this by add custom css code in JanStudio > Theme Option > General Layout > Custom CSS
.additional_information_tab, #tab-additional_information { display: none !important;}
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio