Search Results for 'css'

[Harry]

Hi Filios,

Thank you for choose our theme.

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

#jas-footer .widget-title {
	color: #000;
}

.header-5 .jas-branding {
	padding: 35px 0 15px;
}

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

and change 35, 15 with your number to decrease the space between logo and menu and top bar

Kind regards

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

[Harry]

Hi,

1. Please go to JanStudio > Theme Option > WooCommerce > Product listing settings > Number of column and choose layout 3 or 4 column

2. Please go to Theme Option > General Layout > Custom CSS and remove below code

.product-image img {
	width: 300px;
	height: 300px;
}

Kind regards

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

[Harry]

Hi,

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

.handmade-slider .metaslider .flexslider .caption-wrap .caption {
	-webkit-transform: translate3D(0, -50%, 0);
	-moz-transform: translate3D(0, -50%, 0);
	-ms-transform: translate3D(0, -50%, 0);
	-o-transform: translate3D(0, -50%, 0);
	transform: translate3D(0, -50%, 0);
}

and change -50% with your number

2. Please go to JanStudio > Theme Option > WooCommerce > General Settings

3. You can upload the images have same dimension or same ratio or go to Appearance > Customize > WooCommerce > Product Images > Thumbnail cropping and choose 1:1

Kind regards

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

[Harry]

Hi Rumlo,

1. Please go to Appearance > Customize > WooCommerce > Product Images and change the ratio to 5:8 https://prnt.sc/rq9m93

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

.swatch.is-label .swatch__list--item {
	margin: 3px 10px;
	border-radius: 5px;
}
.swatch.is-label .swatch__value {
	text-align: center;
	width: 40px;
}

3. your site running on PHP version 7.1 please contact to hosting support to update PHP version 7.3

Kind regards

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

[Sgmonster]

<h3>Code to add text above footer:    See Below…  Please confirm if this is correct.  This is what was written to another customer with same question.     thanks, Tom

</h3>
<h3>Please add more code to claue-child > functions.php</h3>
—————————————————————————————————————————–

function jas_claue_child_wc_page_head() {

if ( ! cs_get_option( ‘wc-enable-page-title’ ) || ( class_exists( ‘WCV_Vendors’ ) && WCV_Vendors::is_vendor_page() ) ) return;

 

$title = cs_get_option( ‘wc-page-title’ );

 

$output = ‘

‘;

if ( is_search() ) {

$output .= ‘<h1 class=”mb__5 cw”>’ . sprintf(__( ‘Search Results for: %s’, ‘claue’ ), ‘<span>’ . get_search_query() . ‘</span>’ ) . ‘</h1>’;

} elseif ( is_shop() ) {

$output .= ‘<h1 class=”mb__5 cw”>’ . esc_html( cs_get_option( ‘wc-page-title’ ) ) . ‘</h1>’;

$output .= ‘<p class=”mg__0″>’ . do_shortcode( cs_get_option( ‘wc-page-desc’ ) ) . ‘</p>’;

} else {

// Remove old position of category description

remove_action( ‘woocommerce_archive_description’, ‘woocommerce_taxonomy_archive_description’, 10 );

$output .= ‘<h1 class=”cw”>’ . single_cat_title( ”, false ) . ‘</h1>’;

//$output .= do_shortcode( category_description() );

add_action( ‘woocommerce_after_shop_loop’, ‘woocommerce_taxonomy_archive_description’, 40 );

add_action( ‘woocommerce_after_shop_loop’, ‘woocommerce_product_archive_description’, 40 );

 

}

ob_start();

$output .= ob_get_clean();

$output .= ‘

‘;

 

echo wp_kses_post( $output );

}
add_action( ‘woocommerce_before_main_content’, ‘jas_claue_child_wc_page_head’, 15 );

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

.term-description {

display: block;

width: 100%;

max-width: 1170px;

margin: 30px auto;

}
————————————————————————————————————–
<h3>Please add more code to claue > functions.php above the code for step 2</h3>
/* move category description below products */

add_action( ‘wp_head’, ‘remove_my_action’ );

function remove_my_action(){

remove_action( ‘woocommerce_before_main_content’, ‘jas_claue_wc_page_head’, 15 );

}

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

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

.form-row {
	display: inherit;
	display: inherit;
	-ms-flex-wrap: inherit;
	flex-wrap: inherit;
	margin-right: inherit;
	margin-left: inherit;
}

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

button.single_add_to_cart_button {
	background: #d8c052 !important;
	color: #fff;
	height: 40px;
	padding: 0 35px;
	line-height: 1;
}
.fa, .fas {
	font-family: normal normal normal 14px/1 FontAwesome !important;
	font-weight: 900;
}

and change #d8c052, #fff with your color and change 40, 35 with your number to change size of button.

Kind regards

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

[Harry]

Hi,

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

.ui-autocomplete {
	height: 400px;
}

and change 400 with your number

2. I’m sorry the default function not support it

3. It show all the result in the scroll.

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

@media only screen and (max-width: 736px) {
.jas-action > a.sf-open {
	display: inline-block;
}}

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

.jas-page > div {margin-top: 0;}

Kind regards

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