Home Forums Search Search Results for 'css'

Viewing 10 results - 171 through 180 (of 3,131 total)
  • Author
    Search Results
  • #41303

    Hi Onrax,

    Sorry for late reply because miss your topic.

    Did your issue fixed? If not please add below code to Claue > Theme Option > General Layout > Custom CSS

    
    @media only screen and (max-width: 736px) {
    .variations .value select {
        -webkit-appearance: inherit;
        -moz-appearance: inherit;
        appearance: inherit;
        background: none;
    }}
    .variations .value:after {
        right: 15px;
        font-size: 18px;
    }

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

    #41298

    Hi,

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

    .swatch__value {
        display: block;
        width: 28px;
        height: 28px;
        line-height: 30px;
    }
    .swatch.is-label .swatch__value {
        font-size: 14px;
    }

    And change number as you want.

    Kind regards

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

    #41295

    Hi Reinhard,

    You can change to square for swatch by add below code to Claue > Theme Option > General Layout > Custom CSS

    .swatch__list--item,
    .swatch__value {
        border-radius: 0;
    }

    Kind regards

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

    #41278

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

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

    Kind regards

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

    #41273

    Hi,

    1. Please go to Dashboard > WPAddons > Variation Swatch > Show on list > Off

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

    .product-info {
    	text-align: center;
    }

    3. You need upload image for product gallery to make flip for main image in the shop.

    btw, can you send me the file to confirm you new purchase https://tppr.me/8MoYz that i can update your user’s info.

    Thank and regards

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

    #41267
    Sgmonster
    Support Expired

    Thanks.  for bikershades.com how do we activate the Quickview?  I believe we turned it off at one point in time.

    I activated it here, but it the Quickview boxes still do not appear:  Claue > Theme Option > WooCommerce > Product Listing Setting

    Here is all the CSS code we have inputted so far:

    .result-count-order {
    padding: 0 20px;
    }
    .filter-trigger:after {
    content: ‘CLICK HERE TO FILTER’;
    margin-left: 25px;
    }
    .product_meta {display: none;}
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min—moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .regular-logo { display: block; } .retina-logo { display: none; } }

    @media only screen and (max-width: 800px) { .jas-branding { display: none;}}
    .additional_information_tab, #tab-additional_information {
    display: none !important;
    }

    @media only screen and (max-width: 800px) {
    .wp-caption {
    width: 100% !important;
    }
    }
    .quickview-button {bottom: -10px; left: 0; width: 100%; opacity: 0; visibility: hidden; transition: all 0.1s;}
    .product-image:hover .quickview-button {bottom: 0; opacity: 1; visibility: visible;}
    .quickview-button a { background: #f2f2f2; transition: all 0.3s}
    .product-btn .btn-quickview {
    display: none;
    }
    .btn-quickview {
    margin: 0;
    padding: 0;
    }
    .quickview-button {
    z-index: 99;
    }
    .page-head::before {
    background: rgba(0, 0, 0, 0.4);
    }
    }
    @media only screen and (min-width: 320px) {
    .page-head {
    padding: 20px 0;
    }}

    @media only screen and (min-width: 768px) {
    .page-head {
    padding: 50px 0;
    }}

    @media only screen and (min-width: 1280px) {
    .page-head {
    padding: 90px 0;
    }}
    @media only screen and (min-width: 1440px) {
    .page-head {
    padding: 140px 0;
    }}
    #shipping_method li input {
    margin: 0 3px 0 0;
    }
    .page-head::before {
    background: none;
    }

     

    #41257

    Hi Ateacme,

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

    @media only screen and (max-width: 800px) {
    button.single_add_to_cart_button {
    	padding: 0 15px;
    	font-size: 12px;
    }}
    @media only screen and (max-width: 480px) {
    button.single_add_to_cart_button {
    	padding: 0 20px;
    	font-size: 14px;
    }}

    Kind regards

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

    #41219

    Hi Rcdiaz,

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

    .bgbl.pt__20.pb__20.pl__15.pr__15.lh__1 {
    	display: none;
    }

    2. Please download attach file, extract and put in claue-child > woocommerce > single-product

    3. You can change by add below code to Claue > Theme Option > General Layout > Custom CSS

    .shop-top-sidebar .widget ul li.current-cat > a {
    	color: #000;
    }
    .woocommerce-info {
    	background-color: #d9edf7;
    	border: 1px solid #bce8f1;
    	color: #31708f;
    }

    and change #d9edf7 #bce8f1 #31708f to your color code

    4. You can change by add below code to Claue > Theme Option > General Layout > Custom CSS

    #jas-content, #jas-footer {
    	padding: 0 20px;
    }

    and change 20 with your number.

    Kind regards

    Attachments:
    You must be logged in to view attached files.

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

    Hi,

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

    form.cart {
    	margin-bottom: 20px;
    }
    #shiprocket_pincode_check {
    	width: 155px;
    }

    Kind regards

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

    #41207

    Hi Ashpan,

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

    @media only screen and (min-width: 62em) {
    .jas-wc .jas-container .jas-row .jas-col-md-9 {
    	-ms-flex-preferred-size: 80%;
    	-webkit-flex-basis: 80%;
    	flex-basis: 80%;
    	max-width: 80%;
    }
    .jas-wc .jas-container .jas-row .sidebar {
    	-ms-flex-preferred-size: 80%;
    	-webkit-flex-basis: 80%;
    	flex-basis: 80%;
    	max-width: 80%;
    }}

    Kind regards

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

Viewing 10 results - 171 through 180 (of 3,131 total)