Support » Plugin: Five Star Restaurant Reviews » Help with CSS Styling?

  • Resolved joyryde

    (@joyryde)


    I’ve spent 3 hours today trying to do this and nothing is working for me.

    I don’t like how the reviews are in italics on my site, so I’m trying to override the styling.

    Default:

    .gr-review-body {
        font-size: 1.3em;
        font-style: italic;
    }

    Mine:

    .gr-review-body {
        font-style: normal;
    }

    No matter what I try, it stays italic both in the widget, and on the review page:

    John M.

    It’s also showing the post meta info as if the review was a post (author and date), and no matter what I try I can’t get rid of it on the page…so it looks like I posted the review, not the reviewer.

    https://wordpress.org/plugins/good-reviews-wp/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi joyryde,

    It looks like you’ve managed to get it working with an !important override.

    In this case, you were running into specificity issues, whereby one rule was more “specific” than another. You can usually win these contests by adding more specific definitions. The following would do the trick:

    .gr-review .gr-content .gr-review-body {
      font-style: normal;
    }

    Regarding the name that appears at the top, this is due to the template used by your theme. You can override the single template for reviews by copying your theme’s single.php template into your child theme and renaming it single-grfwp-review.php.

    This template will then be used for single reviews, and you can edit it to remove or modify whatever content you’d like.

    Thread Starter joyryde

    (@joyryde)

    Hi Nate! Yup, I finally got it to work for me!

    Now my only remaining issue is that if I link to the original source of the review (Yelp for example), the target of the link is the same window, so the user is directed to the other website (Yelp) and leaves my website. I can’t find anywhere to change the link target to _Blank to open in a new window…thoughts?

    Hi joyryde,

    I’m afraid the only way to change this is with some custom code work. You’d need to hook into the output function and completely replicate the existing display code.

    I generally advise against the forcing new tabs or windows on users through the use of target="_blank". It’s best to let the user decide how they want to browse. That’s why I haven’t included that in the plugin.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Help with CSS Styling?’ is closed to new replies.