Support » Plugin: Comments - wpDiscuz » how can i show ratings horizontally

  • Resolved nehal

    (@nelnehal)


    hi

    the total average ratings show up vertically one below the other, would it be possible to show then horizontally.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author gVectors Team

    (@gvectors-team)

    Screenshot please, I can’t follow you. Does it look like this:
    http://wpdiscuz.com/wpdiscuz-4/

    hey. i have attached the screen shot. its the total reviews count at the very top, above the comments. which i would like to be horizontal. because i have 10 review fields, having it vertically does not look very nice. i have to say this is the best comments, and also the review plugin.

    http://uploadpie.com/BwV1V

    Plugin Author gVectors Team

    (@gvectors-team)

    Ok, please leave this page URL, I’ll try to write some CSS code.

    thanks so much

    https://goo.gl/f6nePG

    Plugin Author gVectors Team

    (@gvectors-team)

    Ok, it’s hard to do something here. Please wait for the next wpDiscuz release we’ll make this part better.

    Plugin Author gVectors Team

    (@gvectors-team)

    Also you can use this CSS, put it in Comments > Settings > Styling admin page “Custom CSS Code” textarea, save it, delete all caches and do Ctrl+F5 on front-end:

    @media screen and (min-width: 1024px){
        .wpd-custom-field{
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        }
        .wpdiscuz-stars-wrapper{
            width: 20%;
            -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                    order: 2;
            margin-bottom: 30px;
        }
        .wpdiscuz-stars-label{
            width: 20%;
            -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                    order: 1;
        }
        .wpdiscuz-stars-wrapper+div{
            -webkit-box-ordinal-group: 4;
                -ms-flex-order: 3;
                    order: 3;
            width: 20%;
        }
    
        .wpdiscuz-stars-label:nth-child(16){
            width: 100%;
            -webkit-box-ordinal-group: 21;
                -ms-flex-order: 20;
                    order: 20;
        }
        .wpdiscuz-stars-wrapper:nth-child(17){
            width: 100%;
            -webkit-box-ordinal-group: 22;
                -ms-flex-order: 21;
                    order: 21;
        }
        .wpdiscuz-stars-wrapper:nth-child(17) + div{
            width: 100%;
            -webkit-box-ordinal-group: 23;
                -ms-flex-order: 22;
                    order: 22;
        }
    
    }

    thanks for your help. it works very well.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘how can i show ratings horizontally’ is closed to new replies.