Search Results for 'css'

[Harry]

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

[Harry]

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

[Harry]

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

[Harry]

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

[Harry]

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

[Sgmonster]

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

 

[Harry]

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

[Harry]

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

[Harry]

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

[Harry]

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