arjunlajpal

Hi,

Thank you for your reply.
Yes, it worked ??
There is another problem though, the tab title is shown twice:
https://nimb.ws/QiSfOm

Thank you

Hi,

Thank you. Understood.
Thank you so much for your support. I appreciate.
You may please close this thread.

Regards

Hi,
The stars are not distorted now. But the stars are too closely bound and overlap with each other. Ideally they should be separated apart from each other.
https://nimb.ws/dJDZ7r

Second, I was not expecting the star rating to stretch the entire screen, therefore I asked.

hi,

Thank you so much for your reply.
The “You might also like” section issue is sorted now. I am sorry you had to invest efforts into it. I am extremely sorry.

Lastly could you please confirm whether the order summary (everything in it) fonts
are governed/modified/controlled by Fluid checkout plugin.
The theme support team claims that the fonts are modified by the plugin.
https://nimb.ws/HNGpjW

Hi,

Were you able to find time to check?

Thanks

Hi,
Thank you so much for your reply.
The css given by you works for me.
1. There is one thing though the payment icon color is still green and is not changed with above css for rest of the checkout steps icon.

2. The save changes buttons also I expect should be the same color as the place order button color which is shop button color.
Currently it is of this color:
https://nimb.ws/Vmxs8A
And I expect it to have shop button properties as below:

border-radius: var(–btn-shop-brd-radius);
color: var(–btn-shop-color);
box-shadow: var(–btn-shop-box-shadow);
background-color: var(–btn-shop-bgcolor);

I am using Woodmart theme. https://woodmart.xtemos.com/

Hi,
Thank you for your reply.
With this new css the stars problem is still there but not that noticeable.
3.44 overall rating still is not aligned but it is still manageable.
However this brings the distortion problem back again when user is giving rating.

Mobile view is sorted now with the second css. Thank you. However on the desktop view I can see the reviews are extended to entire screen, like below screenshot.
https://nimb.ws/qcnWoU

Is this expected?

Hi,
The 4 start overall rating is fine. However there is some difference between the star rating that is shown with the product and the overall rating for 3.4. Now it is slightly on the lower ground.
https://litepace.com/product/ornare-auctor/

I have enabled the review now.
And most importantly I can’t switch on to the grid view because it is not mobile responsive. Could you please check? I have enabled the grid view.
https://litepace.com/product/augue-adipiscing-euismod/

Hi,
No worries ??
The overall rating issue in stars is present in both grid and normal mode.
Here in this product if you see the overall rating:
https://litepace.com/product/ornare-auctor/

It is 3.4.
It is displayed correctly in product details section as below:
https://nimb.ws/hVtiMS

But if you go down to reviews section
https://litepace.com/product/ornare-auctor/#reviews
you would be able to see stars go beyond 3.4

https://nimb.ws/ZvaMcD

You can observe the same issue in this product too:
https://litepace.com/product/iphone-dock/#reviews
wherein the overall rating is 4, however the stars highlight go beyond 4.
https://nimb.ws/5pgHRx

_______________________________________________________________________

Further if you try to give rating to any product, the review section is distorted on hovering upon the stars, i have captured the video recording of same:
https://nimb.ws/4UusZf

Overall here is the css that has been added as suggested by you:

wcpr-stars-count .wcpr-row .wcpr-col-star .star-rating{width: auto !important;}
.wcpr-col-star .star-rating span:before, .wcpr-col-star .star-rating:before, .wcpr-overall-rating-right-star .star-rating span:before, .wcpr-overall-rating-right-star .star-rating:before{    letter-spacing: 2px!important;}
.stars.selected span:hover a::before, .stars.selected span a::before, .stars:not(.selected) span:hover a::before, .stars a:before, .stars a:hover ~ a:before, .stars a.active ~ a:before, .stars.selected:hover a:hover ~ a:before{
    color: #feb701;
    font-size: 19px;
}
.wcpr-grid .wcpr-grid-item .wcpr-content .review-content-container .star-rating, .wcpr-modal-light-box .wcpr-modal-light-box-wrapper .wcpr-modal-wrap .wcpr-modal-content .star-rating{    letter-spacing: 2px !important;}

Thank you ??

Hi,

Sorry for this, not able to understand the issue. I have added the css as you have recommended, with no changes seen.
You can view here, there is now problem with overall rating, which is 4 but stars are still not aligned.
https://litepace.com/product/augue-adipiscing-euismod

Also I am able to see that the reviews are not responsive on mobile. Could you please suggest?

Thanks

Okay thank you so much.

Thank you so much. I very much appreciate of your effort and help.
I am sorry but this has introduced another problem like below:
https://nimb.ws/4mUlCO

The size also has another story altogether. the start merges onto one another upon hover on setting the size anywhere around 20px.

Hello,
I am sorry, I had been away for a week. I appreciate your detailed reply very much.

1. A possible solution would be to move the login message to the contact section as shown in this screenshot
-> This is great. But can’t find any option to do so in the plugin. Am I missing something?

2. I was not able to reproduce this issue.
The issue is no longer reproducible. I will keep an eye on this and keep you updated. Thank you.

3. Okay I will try to find out how the <br> tag might be adding.
Second for the shipping fields part, the css given by you really helps. Thank you.

3. The CSS classes

Hi,

I am sorry, I was away for a week.
Thank you so much for your reply.

For the country party, yes I have selected only India as the shipping location and thus the country is shown as text field as you have mentioned which looks a bit odd like this:
https://nimb.ws/sUy9mn

I have tried using css class
visibility:hidden, display:none
in checkout field editor for the country field but I am it doesn’t work. Not sure where is it actually that we need to apply the hidden css class.

*******************************

Thank you so much for the help with the css for the logo.

hello, I think this is a very much a generic issue and is related to the core of this plugin. Looking forward for your kind help.
Thank you