Comments in RTL

[Rahim]

Hi Harry,

Check this product on my site : https://look.ir/6jgWg

Two places needs RTL css fixes. 1 & 2

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

Please add below code to fix

[dir="rtl"] .comment_container img {
	float: right;
}
[dir="rtl"] #tab-reviews .commentlist .comment-text {
	padding-right: 20px;
	padding-left: 0;
}
[dir="rtl"] .comment-text .star-rating {
	float: left;
}
[dir="rtl"] .star-rating {
	text-align: right;
}
[dir="rtl"] .star-rating::before, [dir="rtl"] .star-rating span::before {
	left: auto;
	right: 0;
}
[dir="rtl"] #tab-reviews .comment-form-rating label {
	float: right;
}
[dir="rtl"] #tab-reviews .comment-form-rating .stars {
	float: right;
	margin-left: 0;
	margin-right: 10px;
	letter-spacing: 3.5px;
}

Best regards

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

[Rahim]

Hi Harry,

Looks great now. 😉

I don’t see the button of reply to comment in the comments!

Can users reply to each other’s comment?

I switched users and didn’t see the reply!

Shall it be activated somehow?

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

On product review it don’t have option to reply, the reply only for blog page.

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

[Rahim]

Hi Harry,

Could you please check this Article and see will it work in this case?

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

Please copy file review.php from plugins > woocommerce > templates > single-product to claue-child > woocommerce > single-product

and insert the code.

Best regards

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

[Rahim]

Harry,

I was checking the mobile view of comment section : http://take.ms/uRldY

If you consider you will see that the date of the comment goes to next line because of the stars!

I think it’s not a bad idea to put the date to the next line in the mobiles and prevent it’s conflict via stars!

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

Hi Harry,

The comments on Blog needs RTL fix too. Check Here

Best regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

Please change prev code to

[dir="rtl"] .comment_container img {
	float: right;
}
[dir="rtl"] .comment-text {
	padding-right: 20px;
	padding-left: 0 !important;
}
[dir="rtl"] .comment-text .star-rating {
	float: left;
}
[dir="rtl"] .star-rating {
	text-align: right;
}
[dir="rtl"] .star-rating::before, [dir="rtl"] .star-rating span::before {
	left: auto;
	right: 0;
}
[dir="rtl"] #tab-reviews .comment-form-rating label {
	float: right;
}
[dir="rtl"] #tab-reviews .comment-form-rating .stars {
	float: right;
	margin-left: 0;
	margin-right: 10px;
	letter-spacing: 3.5px;
}
[dir="rtl"] .comment-reply-link span {
	margin-left: 0;
	margin-right: 10px;
}
[dir="rtl"] .commentlist .children {
	padding-left: 0;
	padding-right: 20px;
}

Best regards

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

[Author]

Posts