CSS is NOT overwriting the one in the plugin

So to get CSS to overwrite effectively, you just need to have the right level of specificity so as be more direct than competing styles. I am not entirely certain as to how the CSS Editor works for your specific theme, however, I assume that the generated CSS is simply not specific enough. Depending on what aspect of the Plugin you are trying to target, there are some selectors that are worth giving a shot.

For review display:

// all reviews are nested inside containers
.testimonial_group .testimonial {

}

// for specific targets you can use these 
.testimonial_group .testimonial .rr_title {

}
.testimonial_group .testimonial .rr_date {

}
.testimonial_group .testimonial .stars {

}
.testimonial_group .testimonial .rr_review_text {

}
.testimonial_group .testimonial .rr_review_name {

}

For the form:

// All text inputs are of the form
.rr_review_form .form_table .rr_form_row .rr_form_input {

}
// And all labels are of the form
.rr_review_form .form_table .rr_form_row .rr_form_heading {

}

This should be more than enough to effect change on the font-size.

Let me know if you need further aid,
Thanks,
Charlie Maxwell
[NM_Developer]

• This reply was modified 8 years, 5 months ago by Nuanced Media.

Hi Charlie, thanks for the help.
I tried the following (example) as in the Genesis CSS Editor as in the theme’s CSS Stylesheet (style.css). But nothing happend:

.rr_review_form .form_table .rr_form_row rr_form_heading {
font-size: 30px !important;}

.rr_review_form .form_table .rr_form_row rr_form_input {
font-size: 30px !important;}

Any ideas?
Thanks for the help.
Cheers Oliver

Oliver,

Hmm… I’m not entirely certain as to what is the issue. If you would like to make me a temporary admin account and password for the email [email protected], I’d be happy to take a quick look for you.

Let me know,
Cheers

Charlie Maxwell
[NM_Developer]

Hi Charlie, thanks thats very kind. You are admin now (user name Charlie) and you can change the pswd by following the link in your e-mail account. I hope you will find sth. Thanks a lot.
Cheers
Oliver

• This reply was modified 8 years, 5 months ago by solvity.

Oliver,

So it seems like your theme is wrapping text nodes in “font” control elements, which is making adjusting font-size difficult. So while I wasn’t able to get the global theme adjustments working, I was able to get the effect you’re looking for by just adding an inline style sheet in the page content of the page containing the Rich Reviews form. You will be able to see the bit that I added at the bottom of the text editor. I also added a small inline script that will handle the offset being caused by empty .form-err elements being displayed.

Hopefully this will get you headed in the right direction.

Let me know if you have any further questions,

Cheers,
Charlie Maxwell
[NM_Developer]

• This reply was modified 8 years, 5 months ago by Nuanced Media.

Hi Charlie,
thanks a lot. Great. That worked. But how can I change the error-messages above the fields. Now they are too small to read, about 8 px in font-size.
Thanks
Oliver

Oliver,

So the error container is in the same container as the inputs however has a class of .form-err. So you can effect change on the text within that container simply by using:

.rr_review_form .form_table .rr_form_row .rr_form_input .form-err {
  // Styles
}

Cheers,

Charlie Maxwell
[NM_Developer]

Hi Charlie,
thanks for everything. I managed to change what I wanted. Your support was very precious. Thanks a lot. You can close this thread.
Cheers from Berlin

Thanks Oliver!

Cheers