Search Results for 'css'

[gio153]

Thanks Harry for that feedback! Love the theme so far, well done.

1. Your code works, thanks!
2. The mega-menu CSS class does center the mega menu which is helpful in making sure items do not fall of the right side of the screen. It does however not solve the issue with items falling of the bottom of the screen. Is there a way to structure a long list into, say, 4 columns? Without resorting to adding sub items such as A-F, G-L, M-P, Q-Z for instance.
   I have Googled a CSS class code like “mega-menu hide headings col-4” could work but that is inside another theme and does not function as such in Claue.

[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 (max-width: 767px) {
.menu-nieuw-header-container {
min-width: 1150px;
width: auto;
text-align: left;
}}

2. Please go to Menus > Edit Main menu and add class “mega-menu” to parent menu item https://tppr.me/KWysu

Kind regards

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

[Harry]

I see you added to custom JS please remove code in customJS and add to custom CSS

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

[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