Hello, I am trying to customize a QScrollBar to be a particular height (75px) and have the handle be that height, but squish the groove down to 15px.
I have achieved the squish by adding margins, and then a -30px margin to the handle displays properly, but the only portion of the handle that is click-able is within the 15px section where the groove is located.

I have also tried the following code, figuring the a border of "solid transparent" would make the scrollbar look smaller, but not actually make the handle smaller.

The top picture is what I get, the bottom picture is what I want. The icon has been over-drawn to "protect" the IP of my company (they are anal about posting images, but not code).
What I get Vs. What I want.PNG

Has anyone already encountered a solution to this? I have scoured the internet for the last 2 days on this "style" request that our marketing department has.

Here is the CSS.
Qt Code: 
  1. QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {
  2. 	background: none;
  3. }
  4.  
  5. QScrollBar::sub-line:horizontal, QScrollBar::add-line:horizontal {
  6. 	background: none;
  7. }
  8.  
  9. QScrollBar::handle:horizontal {
  10. 	image:url(C:/Filename.png);
  11. 	min-height: 75px;
  12. 	min-width: 125px;
  13. }
  14.  
  15. QScrollBar:horizontal {
  16. 	border:  30px solid transparent;
  17. 	border-radius: 30px;
  18. 	background: QLinearGradient(x1:0, y1:0, x2:1, y2:0, stop:0 rgba(0, 0, 0,255), stop:1 rgba(255, 255, 255,255));
  19. }
To copy to clipboard, switch view to plain text mode