Search Results for 'css'

[Harry]

Hi Lqqq,

Thank you for choose our theme, please change name to label and add below code to claue > theme option > general layout > custom CSS

.swatch__list--item {
	margin: 3px;
	border-radius: 5px;
	padding: 2px 10px;
}
.swatch__value {
	display: inline-block;
	width: auto;
	height: 24px;
}

Kind regards

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

[Harry]

Hi,

1. Please edit product description edit the row wrap image and content and check in “Show full width” https://prnt.sc/tq0wb7

2. Please download attach file and put in gecko-child > woocommerce
and add below code to gecko-child > functions.php

function change_addtocart_link() {
    remove_action( 'woocommerce_after_shop_loop_item', 'jas_gecko_wc_add_buton' );
}
add_action('wp_head', 'change_quick_view_link');

function jas_gecko_child_wc_add_buton() {
    global $post, $jassc;

    // Get product hover style
    $hover_style = $jassc ? $jassc['hover-style'] : cs_get_option( 'wc-hover-style' );

    if ( $hover_style == 1 ) {
        // Quick view
    } elseif ( $hover_style == 2 ) {
        // Quick view
        echo '<a class="btn-quickview cp pr bs-36" href="' . get_the_permalink() . '" data-prod="' . esc_attr( $post->ID ) . '"><i class="fa fa-eye"></i><span class="tooltip pa cw fs__12 ts__03">' . esc_html__( 'Quick View', 'gecko' ) . '</span></a>';

        // Wishlist
        echo jas_gecko_wc_wishlist_button();
    }
}
add_action( 'change_addtocart_link', 'jas_gecko_child_wc_add_buton', 30 );

and below code to gecko-child > style.css

.product-button {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	position: relative;
}
.product-image .product-button > * {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.product-button a.button {
	opacity: 1;
	transform: scale(1);
}

And 4 you need install plugin for compare function.

Kind regards

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

[Harry]

Hi,

1. It need more customize please contact to expert team to help you do it https://bit.ly/2Loo6ke

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

.product_meta {
	display: none;
}

3. You need set different SKU for each variation example ( Product-11, product-12,..) for main each product (Product-1, product-2)

4. please edit the category and upload thumbnail of category

5. Please edit in Claue > Theme Option > WooCommerce > Product Detail Settings > Size Guide Image & Shipping Content

6. You just add text widget in Appearance > Widgets > Footer#5 and add media and shortcode of subscribe form.

Kind regards

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

[Rahim]

Hi Harry,

It works. All you see on the toolbar in front-end, are related to style.css

in the back-end can be changed by some custom codes or this plugin: Add Admin CSS

When I change the code to this: *:not(i) { font-family: "IranSans" !important; } , this happens: https://prnt.sc/top7jh

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Yes, you need add code to import fonts in claue-child > style.css

Please follow this topic to get snippet https://css-tricks.com/snippets/css/using-font-face/

Kind regards

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

[Harry]

Hi,

Please add custom CSS for only desktop

@media only screen and (min-width: 1025px) {

your code here

}

Kind regards

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

[vikasrox111]

This reply has been marked as private.

[Harry]

Hi,

I mean please use normal link of screen shot

1. Please add prefix text for price that include tax

2. Use should setup tax base on your country.

4. Please add custom css code

.woocommerce-tabs.wc-tabs-wrapper.pt__50 {
	padding-top: 0;
}

5. I’m sorry it only support popup not open as tab.

Kind reards

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

[Harry]

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

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

[pao_lilla]

Hi again Harry,

 

Not sure where I should add this custom CSS code, could you please kindly advise me?