CSS Changes Not Applying on WordPress

  • Resolved solpan34

    (@solpan34)


    6 months, 1 week ago

    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,

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Laca

    (@lacadev)

    Dear @solpan34 ,

    Thank you for your message, and we apologize for the delay in getting back to you. Typically, resolving such technical issues falls under the scope of your webmaster, but we’re happy to assist with the CSS modification you’re trying to implement.

    To increase the specificity of the CSS selectors, you can prepend div to the beginning of the selector chain, which may help override the widget’s default styles. Please try the following:

    div.ti-widget.ti-goog .ti-review-item > .ti-inner { border-radius: 25px !important; }

    This should override the widget’s settings and apply the desired changes.

    Additionally, we recommend checking out our PRO plugin, which includes a fantastic editor that makes it easy to customize widgets to your needs.

    We hope this helps resolve the issue! If you have any further questions, don’t hesitate to reach out.

    Best regards,
    Laca
    Trustindex Support Team

    Thread Starter solpan34

    (@solpan34)

    Hello Laca,

    Thank you very much for your quick response.

    Indeed, it works! I hadn’t gone far enough into my CSS.

    Best regards,

    Plugin Support Lídia from Trustindex

    (@liditrudex)

    Thanks for the update!

    Let us know if you need further help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS Changes Not Applying on WordPress’ is closed to new replies.

Tags