Search Results for 'css'

[Harry]

Hi,

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

.availability {
	display: none;
}

Kind regards

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

[Harry]

Hello,

1. Please adđ below code to claue-child > functions.php

add_filter( 'woocommerce_get_image_size_gallery_thumbnail', 'override_woocommerce_image_size_gallery_thumbnail' );
function override_woocommerce_image_size_gallery_thumbnail( $size ) {
    // Gallery thumbnails: proportional, max width 200px
    return array(
	'width'  => '170',
        'height' => 170,
        'crop'   => 0,
    );
}

And change 170 with your number for gallery image’s size

2. I tried the code and see it work, please check all your custom css code.

.product-extra {
display: none;
}

Or you can add below code to claue-child > functions.php

remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );

Kind regards

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

[special]

Hi,in product pages when you have additional images displayed left smaller.When you try to make it bigger the all the pictures doesnt go bigger.In main page and category page all ARIA declaration are working fine.Can this be fixed?Its vital for WCAG 2 AA certification.Please check herefor more info

https://wave.webaim.org/report#/https://rewearit.gr/product/%cf%86%ce%bf%cf%8d%cf%84%ce%b5%cf%81-adidas-3/

Also i have placed in css to disable totally the realted products but even if the are not show they still exist in code.Is there any way to disable full the related products shown on bottom of product page?
I tried with this code but no luck

.product-extra {
display:none;
}

[special]

have fixed most of the visibility problem with the following css for WCAG 2 AA in case someone needs it.But i am still facing problem with ARIA declaration.For validation i am using the link

https://wave.webaim.org/report#/https://rewearit.gr/product/%cf%86%ce%bf%cf%8d%cf%84%ce%b5%cf%81-diadora/

https://rewearit.gr/product-category/%ce%b1%ce%bd%ce%b4%cf%81%ce%b9%ce%ba%ce%ac-%cf%81%ce%bf%cf%8d%cf%87%ce%b1/

 

css code i have added for reference to other users just in case.All were setup with black colour in mind for visibility

.shop-top-sidebar .widget ul li.current-cat > a {
color: #000000;
}
.woocommerce-ordering select {
color: #000000;
}
.price {
color: #000000;
margin: 0;
}
.price_label{
color: #222;
}
.filter-content a, .filter-content .widget {
color: #000000;
}
.result-count-order a {
color: #000000;
}

[Harry]

Hi,

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

.product-info.mt__15 {
	font-family: Poppins;
}

and change Poppin with your font

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

.pw_brand_product_list a {
	text-transform: uppercase;
	font-weight: bold;
}

Kind regards

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

[Harry]

Hi,

1, 2. Please add below code to JanStudio > Theme Option > General Layout > Custom CSS

#jas-footer .widget-title {
	color: #fff;
}
.entry-summary .single_add_to_cart_button, .entry-summary .external_single_add_to_cart_button {
	border-radius: 50px;
}

and change #fff with your color

3. It defend on browser, can you take a screenshot describe more about this issue

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

.product-info.mt__15 {
	text-align: center;
}

Kind regards

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

[Harry]

Hi,

Thank you for choose our theme

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

@media only screen and (min-width: 1025px) {
.wc-single-2 .jas-col-md-6.jas-col-sm-6.jas-col-xs-12.pr.pr__0 {
	-ms-flex-preferred-size: 66.666%;
	-webkit-flex-basis: 66.666%;
	flex-basis: 66.666%;
	max-width: 66.666%;
}
.wc-single-2 .jas-col-md-6.jas-col-sm-6.jas-col-xs-12 {
	-ms-flex-preferred-size: 33.333%;
	-webkit-flex-basis: 33.333%;
	flex-basis: 33.333%;
	max-width: 33.333%;
}}

and go to Claue > Theme Option > WooCommerce > Product Details Settings > Enable Full Width > On

2. Yes, you need upload your image taller and go to Appearance > Customize > WooCommerce > Product Image and change ratio https://tppr.me/IHFAL

3. Thank you for your idea, we will check and do it if possible

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

.product-image a.db::before {
	display: none;
}

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

@media only screen and (min-width: 1025px) {
.archive .jas-col-md-9.jas-col-sm-9.jas-col-xs-12.pr {
	-ms-flex-preferred-size: 83.333%;
	-webkit-flex-basis: 83.333%;
	flex-basis: 83.333%;
	max-width: 83.333%;
}
.archive .sidebar.pr.jas-col-md-3.jas-col-sm-3.jas-col-xs-12.mt__30.first-md.first-sm {
	-ms-flex-preferred-size: 16.666%;
	-webkit-flex-basis: 16.666%;
	flex-basis: 16.666%;
	max-width: 16.666%;
}}

6. I’m sorry, because it related to filter action, if you not click on close button when you click on on any attribute to filter the filter bar will disappear

7. If you use builder plugin you have to change setting in builder.

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 custom css

.result-count-order {
	display: none;
}

And please renew your support.

Kind regards

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