Search Results for 'css'

[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

[Harry]

Hi,

If you want change to your please go to JanStudio > Theme Option > Header and upload retina logo.

If you want disable logo please add below code to JanStudio > Theme Option > General Layout > Custom CSS

.jas-branding {
	display: none;
}

Kind regards

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

[Harry]

Hi Eli,

1. Please go to Appearance > Widgets > WooCommerce Categories Menu Sidebar and remove Product Categories widget

2. Please go to Claue > Theme OPtion > WooCommerce> General Setting > Page Tittle > Off

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

.product-category h2, .jas-banner h3 {
	background: rgba(255,255,255, 0.5);
}

255,255,255 as rgb color and 0.5 as opacity from 0.0-1.0

Kind regards

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

[aurellle]

Hi,

I would like to show the product category in 2 columns in Mobile phone screen in the Home main page. By default the theme is responsable so the product categories are shown too big. Please see screenshot attached

 

I tried the following CSS code :

@media only screen and (max-width: 768px){
div.jas-sc-wc-categories {
width: 48%;
float: left;
}
}

However, I got 2 columns but something wrong because the size is good but the product category is still in one column. Please see screenshot attached

 

Please can you let me know what I need to do to fix this ?

 

Thanks

Attachments:

You must be logged in to view attached files.