WordPress.org

Ready to get started?Download WordPress

Forums

WP Review
[resolved] how to change hight of the review bars (6 posts)

  1. todaydownloadz
    Member
    Posted 4 months ago #

    i use point base reviews. the height of the bars is too much so i need to reduce it. i tried it in css. when i reduce the height from 22px (default) to 10px then the user rating stars are not highlighter correcly.

    here check these images. this is same review.

    with default:
    https://www.dropbox.com/s/jaqgssgd41v0g9r/default%20height%20wpreview.png

    with changed height:
    https://www.dropbox.com/s/88vshr7ezu9znv4/modified%20height%20wp%20review.png

    please help me to sort this thing.

    and if user ratings are also possible in point base with is same as site ratings that would be more appropriate to the context

    https://wordpress.org/plugins/wp-review/

  2. todaydownloadz
    Member
    Posted 4 months ago #

    if there is any seprate setting page for the plugin to change these amount then that would be more user friendly.

    default height of bars
    default bar color
    default rating template
    default rating style(point,star,percentage)
    default checkbox to enable or disable usr reviews etc...

    actually we can use pretty much all the settings on the post editor to another separate setting page in order to set defaults. plus sm more options like bar height n stuff.

    this would be a great improvement for the plugin for sure. thanx again for the great plugin and support

  3. todaydownloadz
    Member
    Posted 4 months ago #

    btw the code i used in css is like this

    .bar-point .review-result, .percentage-point .review-result{
    	height: 10px !important;
    }
    
    .bar-point .review-result-wrapper, .percentage-point .review-result-wrapper{
    	height: 10px !important;
    }
  4. MyThemeShop
    Member
    Plugin Author

    Posted 4 months ago #

    Hi, please try this code

    .bar-point .review-result-wrapper, .percentage-point .review-result-wrapper,.bar-point .review-result, .percentage-point .review-result {
        height: 10px!important;
    }
    .review-total-star.allowed-to-rate .review-result-wrapper, .bar-point .allowed-to-rate .review-result, .percentage-point .allowed-to-rate .review-result {
        height: 100%;
    }

    Btw we are working on seperate plugin options page, you can also give your suggessions here https://github.com/MyThemeShop/WP-Review-by-MyThemeShop/issues?state=open

    thanks

  5. todaydownloadz
    Member
    Posted 4 months ago #

    thanx for the code after adding !important then its working fine. here is the final code that worked for me.

    .bar-point .review-result-wrapper, .percentage-point .review-result-wrapper,.bar-point .review-result, .percentage-point .review-result {
        height: 10px!important;
    }
    .review-total-star.allowed-to-rate .review-result-wrapper, .bar-point .allowed-to-rate .review-result, .percentage-point .allowed-to-rate .review-result {
        height: 100% !important;
    }
  6. Angius
    Member
    Posted 1 month ago #

    Hello,
    I am struggling with the same issue, can you tell me which part of the *.css file (and which *.css file, since there are three) should I swap for the provided code?

    Edit: oh, nevermind, I got this.

Reply

You must log in to post.

About this Plugin

About this Topic