Search Results for 'css'

[Harry]

Hi,

1. You can add categories and tag in https://prnt.sc/s31x6g

and move these section below product price by add below code to claue-child > functions.php

add_action( 'wp_head', 'change_meta_position' ); 
function change_meta_position(){
    remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 40 );
}
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 20 );

2. Please edit product scroll down and add short description

3. You can change product name size by add below code to Claue > Theme Option > General Layout > Custom CSS

.product_title {
	font-size: 16px;
}

and change 16 to your number

Kind regards

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

[Harry]

Hi,

1. You can change size of logo in Claue > Theme Option > Header > Logo Max Width, it now header layout 3 support max-width about 300px

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

.jas-menu > li > a {
	line-height: 80px;
	font-weight: 600;
}

you can change font-weight from 300 to 800

4. It now our theme only support 2 fonts icon https://themes-pixeden.com/font-demos/7-stroke/ and https://fontawesome.com/v4.7.0/icons/

Which icons your want to change?

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

[tokesmoke]

Hi there,

I would like to do the following to the header/navigation:

1. Make the logo bigger in size. I can’t find in the css how to change the size of the logo.
2. Increase the overall height of the header/navigation bar. The current height is 62px. I would like to make it at least 80px.
3. Change the font weight of the menu
4. Is there any way to change the icons?

Here is my current navigation:

[Harry]

Hi Katia,

Thank you for choose our theme.

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

.fa {font-family: FontAwesome !important;}
#jas-header .jas-social a {color: #b69c7f !important;}
.jas-icon-cart.pr {display: none;}

Kind regards

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

[Harry]

Hi,

you can change icon link to shopping cart page by add below code to claue-child > functions.php

if ( ! function_exists( 'jas_claue_wc_shopping_cart' ) ) {
    function jas_claue_wc_shopping_cart() {
        global $woocommerce;
        
        // Catalog mode
        $catalog_mode = cs_get_option( 'wc-catalog' );

        if ( $catalog_mode ) return;

        $output = '';
        $output .= '<div class="jas-icon-mini-cart pr">';
            $output .= '<a class="pr cb chp db" href="' . esc_url(wc_get_cart_url()) . '" title="' . esc_html( 'View your shopping cart', 'claue' ) . '">';
                $output .= '<i class="pe-7s-shopbag"></i>';
                $output .= '<span class="pa count bgb br__50 cw tc">' . esc_html( $woocommerce->cart->get_cart_contents_count() ) . '</span>';
            $output .= '</a>';
        $output .= '</div>';
        return apply_filters( 'jas_claue_wc_shopping_cart', $output );
    }
}

and below code to claue-child > style.css

.pa.count.tc {
	width: 20px;
	height: 20px;
	font-size: 11px;
}

Kind regards

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

[Sgmonster]

thank you.  https://prnt.sc/s04z0h

I used the Site Ground Optimizer Plug in instead.  It seems the HTML and CSS minification slowed down my site a bit so I didn’t use those.   The JSS option works fine.   We also installed a plugin to delete the “refreshed fragments” and that seemed to take off another 1/2 second or so.   The site is loading in about 3 seconds.  Is that pretty fast?

[Harry]

Hi,

Our team replied you on email

1. Please install plugin Autoptimize and enable Js Optimize, CSS Optimize, HTML Optimize

2. Go to Appearance > Customize > WooCommerce > Product Image > Thumbnail Image and change number to 610.

Did you follow that? Please use this to take a screenshot and paste link of image at reply box https://prnt.sc/

Kind regards

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

[Harry]

Hi Cristina,

If you want show it on the mobile it like this https://prnt.sc/rziw3r

Please add below code to JanStudio > Theme Option > General Layout > Custom CSS to show it above menu like this https://prnt.sc/rzixqc

.jas-canvas-menu .jas-action > a, .jas-canvas-menu .jas-action .pe-7s-user {
	color: #e2007d;
}

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 JanStudio > Theme Option > General Layout > Custom CSS

.holder, #jas-mobile-menu ul li a, #jas-mobile-menu ul > li:hover > a, #jas-mobile-menu ul > li.current-menu-item > a, #jas-mobile-menu ul > li.current-menu-parent > a, #jas-mobile-menu ul > li.current-menu-ancestor > a, #jas-mobile-menu ul > li:hover > .holder, #jas-mobile-menu ul > li.current-menu-item > .holder, #jas-mobile-menu ul > li.current-menu-parent > .holder, #jas-mobile-menu ul > li.current-menu-ancestor > .holder {
	color: #e2007d !important;
}

Kind regards

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

[Harry]

Hi,

it because you use plugin So CSS, please change in setting of this plugin https://prnt.sc/rvksk3

Kind regards

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