CSS Styling Not Working

Resolved

(@laprealxyz)

I'm trying to add additional custom CSS to your reviews plugin, but it is not showing up. 

I'm adding the following CSS to the Appearance > Customize > Additional CSS:


@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500&family=Judson&display=swap');

/* Reviewer name */
.wp-google-name {
color: #ffffff !important;
font-family: 'Judson', serif !important;
font-size: 22px !important;
font-weight: 400 !important;
line-height: 1.2em !important;
}

/* Review time */
.wp-google-time {
color: #c7c5c2 !important;
font-family: 'Inter', sans-serif !important;
font-size: 13px !important;
font-weight: 500 !important;
line-height: 1.5px !important;
}

/* Review text */
.wp-google-text {
color: #c7c5c2 !important;
font-family: 'Inter', sans-serif !important;
font-size: 16px !important;
font-weight: 500 !important;
line-height: 1.5px !important;
}

Is there a different class name that I need to use or do I need to put the code in a different location? I'm using elementor pro.

The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

Plugin Author Daniel K.
(@richplugins)

10 months, 1 week ago
Hi @laprealxyz,

Thank you for your topic.

To override the plugin’s style, please use more long CSS selectors and !important property. For instance:
```
/* Reviewer name */
div.wp-gr.wpac a.wp-google-name {
    color: #ffffff !important;
    font-family: 'Judson', serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1.2em !important;
}
```
Please let us know how it goes.

Thanks!
Thread Starter laprealxyz
(@laprealxyz)

10 months, 1 week ago

This worked, thank you!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘CSS Styling Not Working’ is closed to new replies.