Search Results for 'css'

[Harry]

Hi Tom,

You can change in Theme Option > Color Scheme > Secondary Color or add custom CSS

a {color: #222 !important;}

Kind regards

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

[Harry]

Please change code to

/* 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 );
}

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 = '<div class="page-head pr tc"><div class="jas-container pr">';
        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 .= '</div></div>';

    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;
}
.page-head {
	padding: 20px 0 10px;
}
.page-head h1 {
	color: #222;
}
.page-head::before {
	background: #f6f6f8;
}

Kind regards

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

[Harry]

Hi,

Please try change code to

/* 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 );
}

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 = '<div class="page-head pr tc"><div class="jas-container pr">';
        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() );       
        }
        ob_start();
        $output .= ob_get_clean();
    $output .= '</div></div>';

    echo wp_kses_post( $output );
}
add_action( 'woocommerce_after_main_content', 'jas_claue_child_wc_page_head', 15 );

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

.term-description {
	display: block;
}

Kind regards

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

[Harry]

Hi RealMonkey,

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

.fa-facebook::before {
	content: "\f09a" !important;
}
.fa.fa-facebook {
	font-family: 'FontAwesome' !important;
}

Kind regards

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

[Harry]

Hi,

Please change code to

global $woocommerce;
echo '<a class="cb chp" href="' . esc_url( wc_get_cart_url()) . '" title="' .  esc_html__( 'View your shopping cart', 'gecko' ) . '"><i class="pe-7s-shopbag"></i>';
echo '<span class="pa count bgb br__50 cw tc">' . esc_html( $woocommerce->cart->get_cart_contents_count() ) . '</span>';
echo '</a>';
echo wp_kses_post( WC()->cart->get_cart_subtotal() );

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

.jas-action .count {
	width: 20px;
	height: 20px;
	font-size: 9px;
	line-height: 20px;
	left: 16px;
	top: 3px;
}

Kind regards

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

[AndresBuitrago]

This Is Andres

im having trouble with the theme

I have an error with the theme

https://fajascanela.com/wp-content/themes/claue/assets/css/owl.carousel.min.css

It has an error when its charging also: the botton with the fast purchase is not showing and the units the number is not in the center when you see the product

 

Attachments:

You must be logged in to view attached files.

[alihassandev]

hello!

to regenerate the problem. visit this url (using mobile device/small screen):

scroll to the bottom and click the ‘load more’ button.

scroll down. there will be products which aren’t aligned to the items above and below f it.

these products doesn’t have a true (css left value)

 

• This topic was modified 4 years, 10 months ago by alihassandev.
• This topic was modified 4 years, 10 months ago by alihassandev.

Attachments:

You must be logged in to view attached files.

[aurellle]

Hi,

Thank you so much, everything works perfect.

The only problem is the vertical thumbnails. I deleted the css code as you said but now when I select a different variation for the product, the thumbnails go back to horizontal to the left side of the image.

 

From phone screen the thumbnails are still below the image product and in horizontal. Please can you check that?

Thanks again.

Regards

 

 

 

[Harry]

Hi,

1. Please remove your code in Theme Option > General Settings > Custom CSS use the code in gecko-child > style.css do not use code for both Custom CSS and style.css

2. Please change code to

.header__search {
height: 100%;
width: 45%;
left: auto;
right: 0;
}

3. I remove redundant code in gecko-child > functions.php and it now work ok

4. Please copy file related.php and up-sells.php in gecko > core > libraries > vendors > woocommerce > templates > single-product to gecko-child > woocommerce > single-product and change code https://prnt.sc/zlm6kq https://prnt.sc/zlmha1

“slidesToShow”: 2

5. Please add custom CSS code

.btn-atc .cart:not(.variations_form) {display: inherit}

6. Our theme work well with WP 5.6.1 and WC5.0

Kind regards

• This reply was modified 4 years, 10 months ago by Harry.

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

[aurellle]

Hi,

Thanks for your quick reply.

1 – I uploaded the Gecko Child file that you provided. However, there is a problem with duplication thumbnails. Please see screenshot attached.

The main reason I want to use vertical thumbnails is to minimise scrolling up and down in mobile view when viewing a product. I can see this option doesn’t work for mobile phone.

I tried this CSS code:

@media only screen and (max-width: 736px) {
.single-product-thumbnail .p-nav {
max-width: 100%;
position: absolute;
top: 10px;
}
.single-product-thumbnail .p-thumb {
margin-left: 0;
}
}

The thumbnails are on the left side of the product image but are shown on HORIZONTAL. (phone version)

 

***After uploading the Child theme, in my WordPress dashboard is showing a pop up saying that the Child theme version is obsolote and suggests to update my theme.

*************************

2 – Regarding the search option you provided, I prefer to keep the original version and just modify CSS.

I added the following CSS code but it shows to the left side of the screen instead of the right side as I would like. Please see SS attached.

.header__search {
height: 100%;
width: 45%;
top: 0;
right: 0;
background: rgba(0, 0, 0, .8);
}

*********************************

3 – After uploading Child theme, The product page doesn’t show the “RELATED PRODUCTS” on the bottom, only shows the “suggested products”

**************************

4 – In addition, which CSS code can I add to show “related products and suggested products” in 2 columns on PHONE ? Now it shows 1 product and is to big. I would like 2 columns like Product list page.

********************

5 – I realized that variable product page works perfect but the PRODUCT SIMPLE page doesn’t work correctly. Please see SS attached.

************************

6 – Please can you confirm if I can update WordPress to 5.6.1 version and Woocommerce to 5.0.0 version without having issues with your theme or WooCommerce Variation Swatch plugin?

Please note my page is still under construction, If you need to check one of the poducts I suggest to you the following one:

For Product variable: https://papalyne.fr/product/bavoir-bandana/
For Product simple: https://papalyne.fr/product/les-lingettes/
Thank you so much for you help

 

Regards

Attachments:

You must be logged in to view attached files.