Home Forums Search Search Results for 'css'

Viewing 10 results - 81 through 90 (of 3,131 total)
  • Author
    Search Results
  • #42638
    ArtK
    Participant

    Dear Harry,

    Hope all is going good 🙂 Needed a bit of CSS help.

     

    Hi Paul,

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

    @media only screen and (max-width: 600px) {
    .home tbody td {
    	display: table-cell;
    }
    .home tbody td strong span,
    .home tbody td h2 {
    	font-size: 15px !important;
    }
    }

    Kind regards

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

    #42587

    Hi Alaqeeak,

    Thank you for choose our theme.

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

    @media only screen and (min-width: 62em) {
    .header-2 .jas-col-md-8 .jas-navigation.jas-col-md-5 {
    	-ms-flex-preferred-size: 25%;
    	-webkit-flex-basis: 25%;
    	flex-basis: 25%;
    	max-width: 25%;
    }
    .header-2 .jas-col-md-8 .jas-col-md-2 {
    	-ms-flex-preferred-size: 50%;
    	-webkit-flex-basis: 50%;
    	flex-basis: 50%;
    	max-width: 50%;
    }}

    Kind regards

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

    #42550

    In reply to: Twice image product

    Hi,

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

    @media only screen and (max-width: 1024px) {
    .header__top .start-md.start-sm.center-xs {
    	display: none;
    }
    .header__top .hidden-sm {
    	display: block;
    	flex-basis: 50%;
    	max-width: 50%;
    	text-align: left;
    	padding-left: 15px;
    }}
    
    @media only screen and (max-width: 767px) {
    .header__top .start-md.start-sm.center-xs {
    	display: none;
    }
    .header__top .hidden-sm {
    	display: block;
    	text-align: center;
    	flex-basis: 100%;
    	max-width: 100%;
    	padding-left: 0;
    }}

    Kind regards

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

    Hi Danaceleste,

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

    .sku_wrapper {
    	display: none !important;
    }

    By default the tags under categories, you can add tag for product to check.

    Kind regards

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

    Hi Tom,

    If you only want use category description please use our code.

    1. Add below code to claue-child > functions.php

    //Change position of category text
    function remove_shop_heading() {
        remove_action( 'woocommerce_before_main_content', 'jas_claue_wc_page_head', 15 );
    }
    add_action('wp_head', 'remove_shop_heading');
    
    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' );
    
        
            if ( is_search() ) {
                $output .= '<h1 class="mb__5 tc fs__24">' . sprintf(__( 'Search Results for: %s', 'claue' ), '<span>' . get_search_query() . '</span>' ) . '</h1>';
            } elseif ( is_shop() ) {
                $output = '<div class="page-head pr tc"><div class="jas-container pr">';
                    $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>';
                $output .= '</div></div>';
            } elseif ( is_product_category() ) {
                $output = '<div class="page-head pr tc"><div class="jas-container pr">';
                    $output .= '<h1 class="mb__5 cw">' . esc_html( cs_get_option( 'wc-page-title' ) ) . '</h1>';
                    remove_action( 'woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10 );
                    add_action( 'woocommerce_after_shop_loop', 'woocommerce_taxonomy_archive_description', 10 );
                $output .= '</div></div>';
            } else {
                // Remove old position of category description
                remove_action( 'woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10 );
                $output .= '<h1 class="tc fs__24">' . single_cat_title( '', false ) . '</h1>';
                //$output .= do_shortcode( category_description() );
                add_action( 'woocommerce_after_shop_loop', 'woocommerce_taxonomy_archive_description', 10 );
            }
            ob_start();
            $output .= ob_get_clean();
        
    
        echo wp_kses_post( $output );
    }
    add_action( 'woocommerce_before_main_content', 'jas_claue_child_wc_page_head', 15 );

    2. Add below code to claue-child > style.css

    .term-description {
        display: block;
        width: 100%;
        max-width: 1170px;
        margin: 30px auto;
        text-align: center;
    }

    Kind regards

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

    Sgmonster
    Support Expired

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

    }

     

    #42517
    kabummmm
    Participant

    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.
    #42492

    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

    #42484

    In reply to: Blog banner

    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

Viewing 10 results - 81 through 90 (of 3,131 total)