Search Results for 'css'

[Sgmonster]

Hello Henry:

I found this code below, but not sure if it will work.  I want to move the category description to above the footer and below the products.    The instructions says to add code to “claue-child>functions.php”  …not sure where to find that.   I sent this message to you before, but I never got it to work.

I had another coder add 2 new text sections to below the top banner and above the footer.  But if I can move the ‘category description’ to above the footer, then I probably won’t use the bottom text section.

Can you check if this code below is correct, or do you have something else?  thanks,  Tom.

<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 );

}

 

[kabummmm]

Dear Supporter,

On mobile the website is wider than it should be. There is an empty white space on the right side of the site. I have updated the theme and elementor aswell, tried the empty the cache and reganarete the css in elementor but it didnt help.

Can you please help to solve it? Thank for your supprt and have a great day

Balint

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

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

.woocommerce-MyAccount-content .woocommerce-Message--info.woocommerce-info a {
	float: right;
}

2. The close search is style on Chrome and it style of browser.

Kind regards

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

[Harry]

Hi Maja,

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

.inside-thumb {
	left: 0;
	right: 0;
	bottom: 0;
	position: relative;
}

if you want remove it please change to

.inside-thumb {
	display: none;
}

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: 767px) {
.swatch__list--item.is-selected .swatch__tooltip {
	top: -30px;
	opacity: 1;
	visibility: visible;
}}

Kind regards!

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

[Harry]

Hi Omarkh,

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

@supports (-webkit-appearance: -apple-pay-button) {
form .quantity.hidden + input[type="hidden"] + .single_add_to_cart_button {
	width: calc(100% - 50px);
}}

Kind regards

• This reply was modified 4 years, 1 month ago by Harry.

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

[Harry]

Hi Reinhard,

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

.jas-magnific-image.mr__20 {
	margin-right: 30px;
}

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

.jas-social i {
	font-size: 20px;
}
.jas-wc-single .jas-social i {
	font-size: 20px;
}

And change 20 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. Please change code to

.jas-menu li.sale > a {color: #222;}

2.5. Please send me your site login credentials to check

3. i still not clear your issue, please take a screenshot about the issue

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

.jas-mini-cart .button.wc-forward, .widget_shopping_cart .button.wc-forward {
	display: none;
}

.jas-mini-cart .button.wc-forward.checkout, .widget_shopping_cart .button.wc-forward.checkout {
	display: block;
}

Kind regards

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

[IPSHealth]

Hi, how can I reset my website to use the theme colours as set up in Claue Theme options instead of Elementor global colours? I set the Elementor global colours without realising that it will override the theme colours and now I can’t seem to set them back. I have reset all the Elementor global colours back to default, but this did not work. I therefore had to go and custom code all the colours in CSS which is not ideal and I would prefer to just use my theme colours instead.