https://lignea.fr/spotifygeek/

.single-itineraries .wp-travel-average-review {
float: none;
margin-left: 46%;
}

Returning to this thread. We have continued to try to resolve this small issue but cannot identify a fix. the above CSS unfortunately did not resolve the issue.

For desktop, we attempted:
.wp-travel-average-review {
float: none;
margin-left: 46%;
}

While this worked on individual itinerary pages, on itinerary archive pages (example.com/itinerary/) this fix unset the review stars creating a messy design that obscured half the stars.

Any further insight on this issue?

.wp-travel.trip-headline-wrapper .wp-travel-average-review {
margin-top: 33px !important;
}

Please add this CSS

.checkout-page-wrap > div {
grid-area: 2/1;
}
.checkout-page-wrap .wp-travel-checkout-section {
grid-area: 3/1;
}
@media screen (min-width:1024px) {
.checkout-page-wrap > div {
grid-area: unset;
}
.checkout-page-wrap .wp-travel-checkout-section {
grid-area: unset;
}
}

Appreciate the follow up. Checkout review box typically displays before the final checkout process. Your solution above fixed the broken layout; thank you for this. Only issue is that it places the checkout review box below the submit button at the bottom of the checkout page rather than at the top of the page.

Can we set this to display before the final checkout phase?

Kind regards,
Sakuna

Appreciate your follow up. 🙂

I input the CSS, but the issue remains. Previously the review stars were centered below the price, but they remain asymmetrically offset to the right, both on desktop and mobile.

Please advise.

Kind regards,
Sakuna

You can find more information on the link below:
https://developers.google.com/search/blog/2019/09/making-review-rich-results-more-helpful

Regards,
Themepalace

.wp-travel.trip-headline-wrapper .wp-travel-average-review {
margin-top: 33px;
}

.wp-travel-tab-wrapper .slick-prev:before, .wp-travel-tab-wrapper .slick-next:before {
background-image: unset;
}
.wp-travel-tab-wrapper .wp-travel button.slick-arrow.slick-prev::before,
.wp-travel-tab-wrapper .wp-travel button.slick-arrow.slick-next::before {
transform: rotate(0deg);
}

.wp-travel-tab-wrapper .tab-list.resp-tabs-list .slick-next,
.wp-travel-tab-wrapper .tab-list.resp-tabs-list .slick-prev {
top: 32px !important;
}

Go to Customizer >> Appearance >> Additional CSS, paste the above CSS there, and published the site.
As for the GSC errors, We are looking into the issue, it would be great if you could send us the effected URL. We will provide you with an update soon.

Regards,
Themepalace

Please allow me to suggest you call me Sakuna, and consider an email-based support system? Support thread indexes in google leaving me other headaches to address. 😉

theme – travel base pro

url – trips[dot]sanooktiew[dot]com/itinerary/mohare-khopra/

On this URL, you can see how the review stars are misaligned. Also, Google search console shares the following about review snippets (travel plugin authors indicated this is due to the theme, not the plugin):

Error Missing field “itemReviewed”
Error Invalid object type for field “itemReviewed”
Error Missing field “author”
Error You rated a review, rather than an item
Error Rating is missing required best and/or worst values
Error Value in property “reviewCount” must be positive
Error Missing reviewed item name
Error Item does not support reviews

Other issues are as mentioned above.

Please advise.

Kind regards,
Sakuna

Could you please send us your site URL and could you tell us which theme are you using right now for your site?

Regards,
Themepalace