Search Results for 'css'

[Harry]

Hi,

1. Please try clear cache of browser. I check your site and see the font still load

2.3. The update of plugin WOOCS change class of element, please add more code to override style of plugin to Claue > Theme Option > General Layout > Custom CSS

.chosen-container-single .chosen-single div b {
	display: none !important;
}
.chosen-container-single .chosen-single {
	border: none !important;
	background: none !important;
}
.product-title.pr.fs__14.mg__0.fwm,
span.price {
	font-size: 16px;
}
.demo_store {
	bottom: auto;
	top: 0;
}
.demo_store a {
	float: none;
}
@media only screen and (max-width: 736px) {
.demo_store {
	bottom: 0;
	top: auto;
}
.demo_store a {
	padding: 0.5em 1em;
}}

Kind regards

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

[netmined]

Hi Harry,

Hope you are keeping well.

We need your help with a couple of issues that have popped up.

1.We’ve just updated the theme and WordPress (but not Woocommerce as we are waiting until some of the other critical plugins have caught up) on our live site to the latest versions. Following the update, a few stylistic things have broken. The font we selected – Marcellus – is no longer loading, the product prices appear different and much smaller and some of the custom css tweaks also no longer work, such as the size of the WOOCS currency switcher box (the css for this is in the Claue custom css box). Could you please advise what’s causing this and how to fix it?

2.We have set up a store notice announcement on the home page. Is there any way to move this store notice ribbon to the top of the page rather than the bottom? Also, we set up a ‘Read more’ link in it to another page however the link button and text has moved to the end of the ribbon, right next to the ‘Dismiss’ button. When viewed on mobile the Dismiss box overlaps the Read More so it’s impossible for a user to be able to tap/click on it and actually get to the linked page. Can the link be moved to somewhere else on the line – like the end of the sentence maybe? And just a final thing, how can we change the colour of the store notice and the colour when you hover over the links?

Many thanks in advance for your help and reply.

 

[Harry]

Hi,

Please add below code to claue-child > functions.php

// show categories name and tags to archive page
function custom_before_title() {
    global $product;
    echo wc_get_product_category_list( $product->get_id(), ', ', '<span class="posted_in db">' . _n( 'Category:', 'Categories:', count( $product->get_category_ids() ), 'woocommerce' ) . ' ', '</span>' );
    echo wc_get_product_tag_list( $product->get_id(), ', ', '<span class="tagged_as db">' . _n( 'Tag:', 'Tags:', count( $product->get_tag_ids() ), 'woocommerce' ) . ' ', '</span>' );

}
add_action( 'woocommerce_after_shop_loop_item_title', 'custom_before_title', 5 );

// show product short description to archive page
function display_desc_in_product_archives() {
   the_excerpt();
}
add_action( 'woocommerce_after_shop_loop_item_title', 'display_desc_in_product_archives', 8 );

and below code to claue-child > style.css

.product-title.fwm {
	font-size: 16px;
	font-weight: 600;
}
.product-info p {margin-bottom: 0}

Kind regards

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

[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