Dear Support Team,
I’m sending a message here because support never answered me, I think I might have more luck here 😅
I am experiencing an issue with modifying the border-radius of elements within a Google review widget on my WordPress site. I have tested the changes through the Chrome Developer Console, and they work perfectly as intended (please see the attached screenshot for reference).
However, when I attempt to apply the same CSS changes through WordPress (via the Customizer > Additional CSS section or the style.css file of my child theme), the styles do not reflect on the live site. Here is the CSS code I am trying to implement:
.ti-widget.ti-goog .ti-review-item > .ti-inner, .ti-widget.ti-goog .ti-load-more-reviews-container .ti-load-more-reviews-button {
border-radius: 25px !important; }
I have also cleared all caches (both site and browser), tested different methods (including adding the CSS through a plugin), and verified that the styles are not being overridden by other rules. Despite these efforts, the styles still do not apply correctly.
Could you please help me identify why these CSS changes are not being recognized when added through WordPress? I am looking for guidance on what might be causing this conflict and how to ensure that the styles are loaded correctly.
Thank you in advance for your assistance. I look forward to your response.
Best regards,