-
AuthorSearch Results
-
April 22, 2021 at 10:07 am #41303
In reply to: Double-Click on Bootstrap Dropdown
Hi Onrax,
Sorry for late reply because miss your topic.
Did your issue fixed? If not please add below code to Claue > Theme Option > General Layout > Custom CSS
@media only screen and (max-width: 736px) { .variations .value select { -webkit-appearance: inherit; -moz-appearance: inherit; appearance: inherit; background: none; }} .variations .value:after { right: 15px; font-size: 18px; }
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudioApril 21, 2021 at 10:54 pm #41298In reply to: Size swatches on product detail page
Hi,
Please add more code to Claue > Theme Option > General Layout > Custom CSS
.swatch__value { display: block; width: 28px; height: 28px; line-height: 30px; } .swatch.is-label .swatch__value { font-size: 14px; }
And change number as you want.
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudioApril 21, 2021 at 7:36 am #41295In reply to: Size swatches on product detail page
Hi Reinhard,
You can change to square for swatch by add below code to Claue > Theme Option > General Layout > Custom CSS
.swatch__list--item, .swatch__value { border-radius: 0; }
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudioApril 17, 2021 at 10:09 am #41278In reply to: Issue with color customization
Please add below code to Claue > Theme Option > General Layout > Custom CSS
.product-image a.db::before { display: none; }
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudioApril 17, 2021 at 12:52 am #41273In reply to: Issue with color customization
Hi,
1. Please go to Dashboard > WPAddons > Variation Swatch > Show on list > Off
2. Please add below code to Claue > Theme Option > General Layout > Custom CSS
.product-info { text-align: center; }
3. You need upload image for product gallery to make flip for main image in the shop.
btw, can you send me the file to confirm you new purchase https://tppr.me/8MoYz that i can update your user’s info.
Thank and regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudioApril 16, 2021 at 10:14 pm #41267Thanks. for bikershades.com how do we activate the Quickview? I believe we turned it off at one point in time.
I activated it here, but it the Quickview boxes still do not appear: Claue > Theme Option > WooCommerce > Product Listing Setting
Here is all the CSS code we have inputted so far:
.result-count-order {
padding: 0 20px;
}
.filter-trigger:after {
content: ‘CLICK HERE TO FILTER’;
margin-left: 25px;
}
.product_meta {display: none;}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min—moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .regular-logo { display: block; } .retina-logo { display: none; } }@media only screen and (max-width: 800px) { .jas-branding { display: none;}}
.additional_information_tab, #tab-additional_information {
display: none !important;
}@media only screen and (max-width: 800px) {
.wp-caption {
width: 100% !important;
}
}
.quickview-button {bottom: -10px; left: 0; width: 100%; opacity: 0; visibility: hidden; transition: all 0.1s;}
.product-image:hover .quickview-button {bottom: 0; opacity: 1; visibility: visible;}
.quickview-button a { background: #f2f2f2; transition: all 0.3s}
.product-btn .btn-quickview {
display: none;
}
.btn-quickview {
margin: 0;
padding: 0;
}
.quickview-button {
z-index: 99;
}
.page-head::before {
background: rgba(0, 0, 0, 0.4);
}
}
@media only screen and (min-width: 320px) {
.page-head {
padding: 20px 0;
}}@media only screen and (min-width: 768px) {
.page-head {
padding: 50px 0;
}}@media only screen and (min-width: 1280px) {
.page-head {
padding: 90px 0;
}}
@media only screen and (min-width: 1440px) {
.page-head {
padding: 140px 0;
}}
#shipping_method li input {
margin: 0 3px 0 0;
}
.page-head::before {
background: none;
}April 16, 2021 at 10:20 am #41257In reply to: add to cart button translation
Hi Ateacme,
Please add below code to Claue > Theme Option > General Layout > Custom CSS
@media only screen and (max-width: 800px) { button.single_add_to_cart_button { padding: 0 15px; font-size: 12px; }} @media only screen and (max-width: 480px) { button.single_add_to_cart_button { padding: 0 20px; font-size: 14px; }}
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudioApril 13, 2021 at 5:33 pm #41219In reply to: Issue with color customization
Hi Rcdiaz,
1. Please add below code to Claue > Theme Option > General Layout > Custom CSS
.bgbl.pt__20.pb__20.pl__15.pr__15.lh__1 { display: none; }
2. Please download attach file, extract and put in claue-child > woocommerce > single-product
3. You can change by add below code to Claue > Theme Option > General Layout > Custom CSS
.shop-top-sidebar .widget ul li.current-cat > a { color: #000; } .woocommerce-info { background-color: #d9edf7; border: 1px solid #bce8f1; color: #31708f; }
and change #d9edf7 #bce8f1 #31708f to your color code
4. You can change by add below code to Claue > Theme Option > General Layout > Custom CSS
#jas-content, #jas-footer { padding: 0 20px; }
and change 20 with your number.
Kind regards
Attachments:
You must be logged in to view attached files.Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudioApril 12, 2021 at 10:34 pm #41208Hi,
Please add below code to Claue > Theme Option > General Layout > Custom CSS
form.cart { margin-bottom: 20px; } #shiprocket_pincode_check { width: 155px; }
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudioApril 12, 2021 at 10:16 pm #41207In reply to: Change Sidebar and content width
Hi Ashpan,
Please add below code to Claue > Theme Option > General Layout > Custom CSS
@media only screen and (min-width: 62em) { .jas-wc .jas-container .jas-row .jas-col-md-9 { -ms-flex-preferred-size: 80%; -webkit-flex-basis: 80%; flex-basis: 80%; max-width: 80%; } .jas-wc .jas-container .jas-row .sidebar { -ms-flex-preferred-size: 80%; -webkit-flex-basis: 80%; flex-basis: 80%; max-width: 80%; }}
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
AuthorSearch Results