Product reviews Style

This topic has 15 replies, 2 voices, and was last updated 3 years, 6 months ago by Elise Noromit.

Viewing 16 posts - 1 through 16 (of 16 total)

Author

Posts
August 20, 2021 at 2:14 pm #313632

nick122
Participant

Hello,
how can I change the layout of the review tab apply to all product page?

Now the reviews are shown on the left half of the tab and the writing-form on the right half.

I would like to have the form on top and the reviews below, everything in full width and give the reviews a grey background , this will give easy to get attention and easy to read.
i have attached a “similiar not exact the same idea below”。

please help me , or if you know which plugin can do that i would love to try.

Thanks for your help

Attachments:
You must be logged in to view attached files.

August 20, 2021 at 3:23 pm #313647

nick122
Participant

Or this style is also fine.
the main point is to make review in separate block , made it easy to ready and catch attention

Attachments:
You must be logged in to view attached files.

August 21, 2021 at 11:55 am #313786

Elise Noromit
Member

Hello,

Please provide your site admin access, I do not see the option to leave a review and provide the styles.

Best Regards

August 21, 2021 at 3:22 pm #313832

nick122
Participant

Check link below . thanks

Attachments:
You must be logged in to view attached files.

August 23, 2021 at 9:25 am #314040
Elise Noromit
Member
Hello,

Please add this code to the Theme Settings > Custom CSS > Global:
```
.website-wrapper .woocommerce-Reviews {
	flex-direction: column-reverse;
}
.website-wrapper .woocommerce-Reviews #comments, 
.website-wrapper .woocommerce-Reviews #review_form_wrapper {
	flex-basis: 100%;
	max-width: 100%;
}
.website-wrapper .woocommerce-Reviews #comments {
	margin-top: 30px;
	background-color:#f9f9f9;
	padding:10px;
}
body .commentlist>li {
    margin-bottom: 15px;
    padding: 15px;
    border: 1px solid rgba(119,119,119,0.2);
    border-radius:20px;
    background-color:#ffffff;
}
```
Best Regards
August 23, 2021 at 11:51 am #314081

nick122
Participant

Hi,

style are correct, but still missing one things
Comment form need to on top
Review go bottom
both need full width – as picture shown below .
thanks

Attachments:
You must be logged in to view attached files.

August 23, 2021 at 11:55 am #314084

nick122
Participant

this picture more easy understanding
Writing rating form go up and rating result below writing form.
both full width , align centre , left and right give a nicely padding or margin for good looking.

Attachments:
You must be logged in to view attached files.

August 24, 2021 at 10:33 am #314279

Elise Noromit
Member

Hello,

Please update the credentials and check your custom CSS, most likely you have made a mistake in commenting CSS.

Best Rgards

August 24, 2021 at 10:41 am #314280

nick122
Participant

HI please check link below update crediatial already.
please help fix and screenshot where i made mistake , so i can avoid to touch it nexttime.thanks

August 24, 2021 at 10:02 pm #314400

Elise Noromit
Member

Hello,

Please remove all // and replace it with /*your comment*/ https://gyazo.com/a9b72d63b9407b981b9d9ae00ea70462

Best Regards

August 25, 2021 at 3:39 am #314436

nick122
Participant

Yes and it works.thanks
By the way, i have a question, i use Yith plugin,and it seem like a some plugin may have runnin Css style , is Woodmart not compatible with Yith plugin ?

if so , may you suggest some plugin package which to customize woocommerce product page,shop page ,my account page , checkout page which had been test by your team ? so i would no need to debug css again.

thanks

August 25, 2021 at 10:53 am #314544

Elise Noromit
Member

Hello,

We have not tested this plugin and we cannot guarantee 100% compatibility.

Please provide page URL and screen with the problem we will try to correct with custom CSS if it is possible.

Best Regards

August 25, 2021 at 12:37 pm #314574

nick122
Participant

Thanks,
If the plugin causing some Css ruin you can help .this is a great things.
I will extend my support again. so that once if my plugin got problem. I can rescue here ~ thanks
great service.

August 26, 2021 at 11:17 am #314743

Elise Noromit
Member

Hello,

Do you have a page with the CSS conflict? You can contact us whenever it is convenient for you.

We are here to help.

Wish you a wonderful day!

August 27, 2021 at 10:50 am #314902

nick122
Participant

Yes, I wish to use these plugins to customize my Product Page and Product Review Rating Style.
but once it is active and applied. Style either not apply or runnined.
I know this problem is related to Compatible between plugin and theme.
may you provide support if I extend Theme support ? thanks

YITH WooCommerce Advanced Reviews Premium 1.6.24
YITH WooCommerce Customize My Account Page 3.1.1
WooCommerce Single Product Page Builder 4.1.2

thanks

August 30, 2021 at 9:27 am #315354

Elise Noromit
Member

Hello,

Please activate the plugins and provide page URL where plugin styles conflict with the theme styles. We will check and fix it or provide the product page URL where we can see the problem.

Best Regards
Author

Posts