Search Results for 'css'

[ddiaa]

This reply has been marked as private.

[FLAVEX]

Hi Team

I´m working with the product page and I want to solve some difficulties:

1.How can I delete the button Size Guide (Guia de Tamaño) from the product page?

2. Can you tell where is the Youtube video settings? I want to change the video displayed from the button Ver Video.

3. Where can I find the social media buttons settings?

4. The background of the menu its not transparent so the menu items are transparent like the homepage. I need a darker background. Is it possible to change this background from Claue Color Scheme or directly from the Custom CSS code?

5. Is it possible to add in Claue a custom tab with a carousel with Youtube videos like this product page? https://www.igloocoolers.com/products/34157-trailmate-journey-70-qt-cooler-gray

The following is the url of my demo product page: http://www.frioportatil.com/sandbox/producto/trailmate_journey/

Thanks in advance. Have a nice weekend!

Regards.

[Harry]

Please download attached file, extract and put in claue-child > views > header

Add below code to Theme Option > General Layout > Custom CSS

.header__mid.header-sticky {
	width: 100%;
	z-index: 9999;
	background: #fff;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .12);
}

Best 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=janstudio

[ufovwp]

Bị lỗi rồi bạn ơi, mình không thấy đoạn css trên, bạn xem lại nhé

[Harry]

Bạn thêm đoạn css sau nữa nhé

Best regards

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

[Harry]

Chào bạn,

Cảm ơn bạn đã sử dụng sản phẩm của chúng của bên mình.

1. Bạn có thể bỏ menu ở khung 1 bằng cách vào Widgets > WooCommerce Categories Menu Sidebar và xóa widget trong đó

2. Cái này không move được vào khu vực 3. Bạn có thể ẩn bằng cách thêm đoạn css sau vào Claue > Theme Option > General Layout > Custom CSS

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

3. Bạn có thể giảm nhỏ bằng cách thêm đoạn css

@media only screen and (min-width: 1025px) {
.woocommerce.archive .jas-col-md-9 {
-ms-flex-preferred-size: 80%;
-webkit-flex-basis: 80%;
flex-basis: 80%;
max-width: 80%;
}
.woocommerce.archive .jas-col-md-3 {
-ms-flex-preferred-size: 20%;
-webkit-flex-basis: 20%;
flex-basis: 20%;
max-width: 20%;
}
}

Chúc bạn một ngày mới vui vẻ!!

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

[Harry]

Hi Flavex,

1. You can change this text color by use custom css in Claue > Theme Option > General Layout > CustomCSS

.header-text span.cr { color: #ec0101;} change this color as you want

2, You can revert class and use below css to control overlay color and opacity

.background-overlay::after {
background: rgba(0,0,0,0.5);
}

with 0,0,0 as R.G.B color and 0.5 as opacity 50% (from 0.0 to 1.0)

Best regards

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

[Harry]

Hi,

1. I saw your product have so much variation could you try add below code to functions.php in gecko-child

2. You can copy file description.php from plugins > woocommerce > templates > single-productt > tabs to gecko-child > woocommerce > templates > single-productt > tabs or use plugin Loco translate plugin when create new language choose English(US) http://support.janstudio.net/forums/topic/theme-translation/

3. You can change it to circle by add custom css

.slick-prev, .slick-next { border-radius: 50%;}

To make another shape it need more custom code

Could you please reply us on our support forum, don’t reply email so us can easy track your issue.

Thanks

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

[FLAVEX]

Hi Harry

You’re the best.

Thanks for fix the bug on item 2! One more last thing regarding item 2. Do you know how can I change the color RED from the text on the header? (Printscreen_1.jpg) I don’t see the option on the Color Scheme from the Clauve panel.

About the item 1 (background overlay), I see that you delete de CSS class already, so I guess the overlay background is not there anymore. Finnaly I wanted to check if is it possible to set up a percentage of the overlay background intensity through a menu or via CSS, I did it in the current production page through the a plugin and via CSS on others HTML5 websites.

Thanks again for your big help and patience!

Have a nice day.

 

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Tekir,

You can add custom css in JanStudio > theme Option > general Layout > Custom CSS to fix

@media only screen and (min-width: 1025px) { .jas-push-menu-btn { display: none;}}

Best regards

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