Search Results for 'css'

[Harry]

Hi,

1. I add class “attachment-woocommerce_thumbnail” to excluded optimize image.https://tppr.me/QHARF

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

.header-text a {color: #fff;}

Kind regards

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

[Jennifer]

Hello,

 

I already try the plugin but nothing happen so I use the CSS and its said with the repair key

 

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Jennifer,

Please try deactivate plugin one by one and check again.

If issue not resolve, please add below code to Claue > Theme Option > General Layout > Custom CSS

.woocommerce ul.wc-tabs li.active a {
	background-color: transparent;
	border-bottom: 1px solid #555;
}
.woocommerce ul.wc-tabs li a {
	border-bottom: none;
}
 .woocommerce ul.wc-tabs {
	width: 100%;
	float: none;
}

Kind regards

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

[onrax]

Reminder, I removed the custom css code.  Is that supposed to be back in there?

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

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