CSS problems in Genesis Theme

Hi,

I also tried the plugin on a different theme:

https://www.eigenhaartransplantation-kosten.de/erfahrungen

It seems that the plugin’s css styles does not override the default theme’s css styles. CSS styels seem to mix up.

How can we solve this problem.

On the Twenty Twelve Theme it works as it should, but not in my other 2 themes.

It should work like this:

https://www.augenoptuerkei.de/erfahrungsberichte/

Thank you very much. After this is solved I am going to use your plugin on 5 websites of mine.

Hi scipio1978,

It looks like the initial link you sent is no longer using the plugin?

Unfortunately it’s just not possible to anticipate the CSS code of all the different themes out there. In most cases you’ll need to do a bit of CSS tweaking to get it looking right.

I’m happy to help you with some basic CSS if you can provide a link to the reviews on your site you’d like to be adjusted.

Hi,

thanks for getting back so quickly.

Here is the link with the review:

https://www.alterssichtigkeit-lasern.de/erfahrungen

Also this theme is important to me:

https://www.eigenhaartransplantation-kosten.de/erfahrungen

If you could help me out with some css-styles to solve this problem it would be wonderful.

It should look like this:

https://www.augenoptuerkei.de/erfahrungsberichte/

thanks a lot for your support

Hi scipio1978,

Here are some CSS rules that should get you on your way:

.gr-review {
    display: block;
    padding: 2em;
    background: #f5f5f5;
    font-size: 80%;
}
.gr-review-rating {
    margin-bottom: 1em;
}
.gr-review .gr-rating-stars>span {
    color: #FF6F00;
}
.gr-review .gr-review-body {
    font-style: normal;
}

You should be able to apply most of those same ones to your second theme, and just adjust the colors as needed.

Thank you so much,

I changed the css styles:

https://www.eigenhaartransplantation-kosten.de/erfahrungen

The only thing is the featured image which is so big and the font-size of the author next to the image is too big.

I did not know how to change it.

I am so sorry to bother you again.

Thanks again

Here’s some CSS to adjust the image and font sizes for the reviewer at the bottom:

.gr-item-has-image .gr-author-img img {
    max-width: 100px;
}
.gr-author-text {
    font-size: 75%;
}

Thanks a lot