Page Help

[Rahim]

Hi Harry,

Could you please check my next reply on this topic?

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

What on your next reply on this topic?

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

[Rahim]

This reply has been marked as private.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

Please check your prev topic at http://support.janstudio.net/forums/topic/mobile-help/ and http://support.janstudio.net/forums/topic/elements-help/

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

[Rahim]

Hi Harry,

I know already about these topics.

According to this link : http://support.janstudio.net/forums/search/vc_col-sm-3/

I see that you didn’t give me this, and also remember you gave the change of the code to fix the issue in mobile.

Earlier days I had a freelance designer for css who I don’t have access to him anymore.

I want to know what is the reason of this code?

Because of this code which is fixing my mobile view, My elements are reversed. and images and text have different spaces in mobiles and the mobile view of the browser doesn’t show that and this is not related to the cache.

When I comment this code, while I have issue for the mobile view, but the space is the same on all devices.

At bellow the code is active.

iphone x : https://monosnap.com/file/5FDY82nGKDVVzo2f8tAYxgSFJ5iyBp

samsung note 4 : https://monosnap.com/file/G1fwFZu8hTNe5qqdKCIZUAXpdbDuCk

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

And also this is the code you gave me :

/* space between image and text in homepage */ .product-category, .jas-banner { margin-bottom: 20px !important; } @media only screen and (max-width: 736px) { .product-category, .jas-banner { margin-bottom: 1px !important; } .home .vc_column_container>.vc_column-inner { padding-left: 5px !important; padding-right: 5px !important; }} .home .vc_col-sm-3 { float: none !important; display: inline-block; }

Most of my pages are duplicate of the homepage so this .home will not work for me.

but now it’s active if you wana check.

 

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

I don’t know reason why.

The class “.home” only Front-page has this not any page has so you can use css with this class for Front page

Regards

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

[Rahim]

This reply has been marked as private.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

Please add below code

[dir="rtl"] .cart-collaterals table.shop_table_responsive tr td:not(.product-quantity),
[dir="rtl"] .woocommerce-checkout-review-order table.shop_table tr td:not(.product-quantity) {
    text-align: left;
}

Regards

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

[Rahim]

Harry,

1- When  a coupon code is available and the customer can apply it, the checkout page is fine.

But when he inputs a wrong code, after getting an error message via Woocommerce, when he press the coupon to insert the code again, the fields below that are broken.

Check this video : https://monosnap.com/file/9B7qL4P9irmryoBYh2NYWZtUjmSvDV

2- Why the hover on the Instagram posts are not fixed via the post’s frame?

As you see in the video, the hover box goes above the post, because of this the like and comment icons are not center aligned vertically on the post.

Check this video : https://monosnap.com/file/iWsl7v5YVqDzuWHEnY4QC3oC0wpOOM

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

This reply has been marked as private.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

1. Please add below code to fix

.woocommerce-form-coupon-toggle + .checkout_coupon {
	float: left;
}
.woocommerce-error + .checkout_coupon {
	margin-top: 10px;
	margin-bottom: 0;
	background: #f1f1f1;
	padding: 20px;
	display: inline-block;
	width: 100%;
}
.checkout.woocommerce-checkout {
	width: calc(100% + 30px);
}

2. I see the code you added if affect to Instagram

.slick-slide img {
	padding-top: 30px;
}

Don’t know where the code apply.

Regards

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

[Rahim]

Hi Harry,

I added the .slick-slide img { padding-top: 30px; } for this padding between my blog post slider and menu.

Now I think I have added a wrong code.

Can you please give the right code?

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

And Harry,

Is the code you gave me for Woocommerce coupon fix RTL?

 

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

1. Yes the code fix coupon on RTL also.

2. Please add below code to fix Instagram

.jas-blog-slider {
	margin-top: 30px;
}

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

[Rahim]

Hi Harry,

If you remember, You gave me this code, to fix the checkout page after adding a wrong coupon.

.woocommerce-form-coupon-toggle + .checkout_coupon { float: left; } .woocommerce-error + .checkout_coupon { margin-top: 10px; margin-bottom: 0; background: #f1f1f1; padding: 20px; display: inline-block; width: 100%; } .checkout.woocommerce-checkout { width: calc(100% + 30px); }

I just realized when a user tries to reset his password, after going to the reset link and adjusting the new password, he redirects to this address, which he can login again. https://look.ir/my-account/?password-reset=true

But the same story happens again.

The green message you see here, is the successful message after changing password.

 

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

Please add below code

.jas-row.u-columns.col2-set { width: 100%;}

Regards

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

[Rahim]

Hi Harry,

I think after this all, you can call me ” bug finder” 😀

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Yes 😀

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

[Rahim]

Hi Harry,

Good evening. 🙂

I see you have added some css by default to the Claue Panel:

.single-product.postid-5532 .jas-container { width: 100%; padding: 0 30px;}
.sidebar .widget.yith-woocommerce-ajax-product-filter ul li:before { content:none;}
.sidebar .widget.yith-woocommerce-ajax-product-filter ul li { padding-left: 0;}

Is it safe to add these to my style.css of child-theme and delete them from here?

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

We add these code for our demo site. You can delete these code.

Regards

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

[Author]

Posts