Search Results for 'css'

[Harry]

Hi,

1,2. I help you move search next to icons and show socials icon.

Please re-check your custom css code to correct position of search.

to show flag you need install plugin for multilingual https://bit.ly/2wWCcGq

3. I help you move add to cart button to below price

4. Please change prev code to

function category_single_product() {
    foreach( wp_get_post_terms( get_the_id(), 'product_cat' ) as $term ) {
        if( $term ){
            echo '<h3 class="tu category-name-' . $term->name . '">' . $term->name . '</h3>';
        }
    }
}
add_action( 'woocommerce_after_shop_loop_item_title', 'category_single_product', 8 );

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

html { overflow-x: hidden;}

Kind regards

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

[Harry]

Thank for your kind words.

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

.product-image a.db::before {
	display: none;
}

2. Please follow this topic http://support.janstudio.net/forums/topic/down-the-add-to-cart-and-quick-view-products/

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-child > functions.php

function category_single_product() {
    foreach( wp_get_post_terms( get_the_id(), 'product_cat' ) as $term ) {
        if( $term ){
            echo '<h3 class="tu category-name">' . $term->name . '</h3>';
        }
    }
}
add_action( 'woocommerce_after_shop_loop_item_title', 'category_single_product', 8 );

and add below code to claue-child > style.css

h3.category-name {
	margin: 0;
	font-size: 20px;
}

Kind regards

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

[Harry]

Hi,

1. With your header layout i recommend use popup search and add below code to claue > theme option > general layout > custom CSS

.header__search > div {
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
.header__search {
	height: 200px;
}

and change 200px with your number.

2. Please copy file layout-5.php in claue > views > header to claue-child > views > header and replace code from line 57-64

<form class="header__search w__100 dn pf" role="search" method="get" action="<?php echo esc_url( home_url( '/' ) ); ?>" <?php jas_claue_schema_metadata( array( 'context' => 'search_form' ) ); ?>>
	<div class="pa">
		<input class="w__100 jas-ajax-search" type="text" name="s" placeholder="<?php echo esc_html__( 'Search for...', 'claue' ); ?>" />
		<input type="hidden" name="post_type" value="product">
	</div>
	<a id="sf-close" class="pa" href="#"><i class="pe-7s-close"></i></a>
</form><!-- #header__search -->

with new code

<div class="header__search w__100 dn pf">
	<div class="pa">
		<?php echo do_shortcode ('[wcas-search-form]') ?>
	</div>
	<a id="sf-close" class="pa" href="#"><i class="pe-7s-close"></i></a>
</div><!-- #header__search -->

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

.jas-mini-cart .variation,
.jas-mini-cart .quantity, 
.widget_shopping_cart .variation, 
.widget_shopping_cart .quantity {
	margin: 0 0 0 75px;
}
.woocommerce-MyAccount-navigation ul li {
	list-style-type: number;
	margin-left: 0;
}
.woocommerce-MyAccount-navigation ul li::before {
	display: none;
}

3. Please try this plugin https://wordpress.org/plugins/wc-password-strength-settings/

Kind regards

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

[Harry]

I still see the code in Theme Option > General Layout > Custom CSS

Please remove the code below

.product-image .product-btn .button {
    display: block;
}

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

#jas-header {
    z-index: 999;
    position: relative;
}

Kind regards

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

[Harry]

Hi,

I see you add custom css.

.inner.cw {
	background-color: #ffffffcf;
	color: #000;
	padding: 38px;
}

Please change to

.inner.cw {
	background-color: #ffffffcf;
	color: #000;
	padding: 25px;
}

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

@media only screen and (max-width: 736px) {.inner.cw {padding: 25px;}}

Kind regards

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

[Harry]

Hi,

1,3,5. Please add below code to Claue > Theme Option > general layout > custom CSS

.header__search {
	height: 50%;
}
@media only screen and (max-width: 1024px)
.top-menu.visible-1024 + #jas-content {
    margin-top: 70px;
}
.slick-dots{z-index: 9;}

2. Yes, if you buy this plugin i will help you integrated to our theme.

4. I check on screen it still center and bigger than your http://prntscr.com/ob68tk

6. Please remove the code

@media only screen and (max-width: 767px) {
.woocommerce-product-details__short-description ul {list-style: none;}
}

Kind regards

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