Search Results for 'css'

[Harry]

Hi,

1. Sorry this custom css field generate by default css of framework. If you don’t want use this you can move custom css code to claue-child > style.css

2. When you change with your image by editor in product description you can use editor to center the image

3. I fixed this issue by edit file in claue/core/libraries/vendors/woocommerce/templates/cart/cart.php

4. Please check the plugin you install on your site, try deactivate one by one.

Best regards

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

[Rahim]

Hi Harry,

I checked my style.css file in the child theme and found these codes related to the topic :

/* Like Button Fix in Tablet */
@media only screen and (max-width: 800px) {
form.cart .single_add_to_cart_button {
padding: 0 30px;
}}

/* Like button fix */
.product-quickview form.cart .single_add_to_cart_button {
    padding: 0 25px;
}

Now what should I do?

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi,

Please add below code to Theme Settings > Custom Code > Code CSS

.product__action .product__action--atc {display: none;}

It now our theme doesn’t support show second image when hover. We consider to add this feature in future.

Best regards

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

[Harry]

Hi Mag,

3. I added below code

.p-nav .yith-wcbm-badge {display: none;}

4,6,7. This issue because the plugin YITH badge insert inline CSS via javascript to product thumbnail. Could you contact with plugin author move badge outside product image action div to avoid repeat html.

Best regards

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

[Mag8891]

hi will write here all my questions not related to other topics, not to create lots of topics.

1.is it possible in Claue general settings make the custom CSS window longer by default, as each time I use corner to increase it, but would prefer to set up bugger size if possible, pic 1 attached

2. Product product/cyan-boheme how can I make picture in description in the center of the page? Please see pic 2 attached

3. when I am on cart and checkout pages it is only product image clickable ie has a link to the product, can I have product name to be clickable the same way and have a link to the product too? see pic 3 for cart

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

1. Please add below code

button#give-as-present {
	margin: 0 0 0 10px !important;
	border: 1px solid;
	font-weight: normal;
}
@media only screen and (max-width: 800px) {
button#give-as-present {
	margin: 0 !important;
}}

the position of gift button control by code of plugin and i can’t control

2. I check and see the message bar on your site still work like our demo site. Could you add note to screenshot what you want

3. Please add below css code

.terms-privacy-conditions #terms {
	float: left;
	margin-top: 8px;
	margin-right: 8px;
}

4. I try some ways but can’t move coupon box like your screenshot. It now only under Place Order button because WooCommerce doesn’t add action hook below products review table

5. Please add below code

.vbox-inline .popup-footer a.btn#agree_terms_button {
padding: 0 30px;
}

6. This option generate by WooCommerce plugin, can’t change the picture you can remove paypal link and change space by add below code

.payment_method_paypal a.about_paypal {pointer-events: none; marign-left: 10px;}

7. Please add below code

.actions .coupon input {
	margin: 10px 0;
}
.actions .coupon .button {
	width: 100%;
}

8. Please add below code

.jas-sticky-atc button#give-as-present {
	margin: 0 !important;
	background: none;
	border: none;
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0 15px;
	font-size: 12px;
}

Best regards

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

[Harry]

Hi,

Sorry for late reply.

Please add below code in Claue > Theme Option > General Layout > Custom CSS to fix the issue

.cart div.product-addon {width: 100%;}
.jas-sticky-atc .cart div.product-addon {display: none;}

Best regards

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

[Mag8891]

hi

Could you please write what did you do for the 1-4 questions as if i reinstall I want to be able to redo it myself, thank you

just to double check do you have an extra dot here after wpa-wcpb-list

.wpa-wcpb-list ..yith-wcbm-badge,  as it works only without this dot

1. some things worked but still some not working correctly, om the attached pic displaying on order page  after I click add to cart button in you may also like, the label is a bit off the product image on the right side.
2. on main page the orange badge is showing in the middle but I set it up to be in the right top corner as well this is Advanced type of badge. On quick shop it appear on the left corner instead
3. Can I also remove badge appearing on the product page Thumbnails images, so it is showing only on the big image, no need to repeat it /product/test-new/   it only happens for the blue CSS badge, not happens for the  orange advanced badges
4. Also not sure but noticed that when clicking on quick shop the first image is in center, but the next images are moved to the left, maybe because I don’t have real images yet, please check it

Thank you

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

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

.woocommerce-breadcrumb {
	padding: 0 15px;
	max-width: 1170px;
	margin: 0 auto;
	width: 100%;
}
.woocommerce-breadcrumb,
.jas-breadcrumb {
       color: #696969;
}
.jas-breadcrumb a,
.woocommerce-breadcrumb a {
       color: #222;
}

and change #696969, #222 with your color

For these page, please edit page and scroll down to Page Layout Option > Enable Breadcrumb > On

Best regards

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

[Harry]

Hi,

1,4. I help you changed position of new badge

2,3. Please add below css code in Claue > Theme Option > General Layout > Custom CSS to fix

.container-image-and-badge .back + .yith-wcbm-badge,
.wpa-wcpb-list ..yith-wcbm-badge,
.cart__popup-item .yith-wcbm-badge { display: none;}

Best regards

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