multiple pages

The widgets do not allow you to use pagination or the schema. For those options, you will need to use the shortcodes. I cannot view the Google Drive image, perhaps use imgur.com instead. Please send a screenshot of how you are using the shortcode.

@onyekaxt https://blog.logrocket.com/how-to-style-forms-with-css-a-beginners-guide/

It’s because you are using the shortcodes incorrectly. You are using them like this:

[site_reviews_form assign_to="post_id",site_reviews_form hide="email,terms"]

This is incorrect. Adding multiple shortcode options should look like this:

[site_reviews_form assign_to="post_id" hide="email,terms"]

@onyekaxt

There are thousands if not tens of thousands of themes out there, and each website has it’s own unique style. It’s impossible to support every variation of every theme “out of the box”. Site Reviews is built to be as light as possible, and while it tries to provide sensible styling defaults, it does not include options to customise every aspect of the way is it displayed on your website.

Please understand that I can only guarantee support for features that the plugin provides. Anything else is a bonus.

The link I provided explains how to use CSS to add rounded borders for your form fields.

WordPress provides a specific place to add custom CSS to your active theme (WordPress > Appearance > Customize > Additional CSS) as this is a very common requirement for most WordPress website users. If you are unable to use the “Additional CSS” option (i.e. if your theme has disabled it), then you can install one of the many plugin that allow you to add custom CSS to your website.

Another problem with there being so many different themes is that they are not all built equally well. CSS rules are controlled by specificity. This means that a CSS rule with a higher specificity will always override CSS rules with lower specificity.

For example, using the following CSS:

#content p {
    color: red;
}
p {
    color: blue;
}

Paragraphs inside an element with an ID attribute of “content” (i.e. <div id="content>...</div> will be red, even though the CSS rule at the bottom says that paragraphs should be blue.

Some themes misuse specificity in their stylesheets, this is what causes the majority of CSS problems with Site Reviews.

By the way, the summary bars look fine here in the Chrome browser:

This is caused by a browser bug specific to Internet Explorer. You can fix it with the following CSS:

.glsr-bar .glsr-bar-background::before {
    margin-top: -6px;
    top: 50%;
}