Vertical Scrollbar on Review to control Height

There is a setting on the More Settings tab of the review template that allows you to force the reviews to be the same height. Another option to that would be to use vertical scroll bars instead. Add this custom CSS to the template style 1 to set a specific height for the review text and add vertical scroll....

For setting height and adding scrollbar for template style 1....

.wprevpro_t1_P_3 {

max-height: 200px;

min-height: 200px;

overflow-y: auto;

margin-bottom: 20px;

padding-right: 2px;

}

For styling scrollbar.....

.wprevpro_t1_P_3::-webkit-scrollbar { width: 5px; }

.wprevpro_t1_P_3::-webkit-scrollbar-thumb { background-color: #999; outline: 1px solid #708192; }

.wprevpro_t1_P_3::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }

Use this for template style 2...

.wpproslider_t2_P_4.wprev_preview_tcolor1_T2 {
max-height: 200px;
min-height: 200px;
overflow-y: auto;
padding-right: 2px;
}

For styling scrollbar.....

.wpproslider_t2_P_4::-webkit-scrollbar { width: 5px; } 

.wpproslider_t2_P_4::-webkit-scrollbar-thumb { background-color: #999; outline: 1px solid #708192; } 

.wpproslider_t2_P_4::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }

If you are not using Template Style 1, then you need to change the t1 in the above code to the number of the template you are using.

This article was helpful for 1 person. Is this article helpful for you?