Changing slider size on a gtk scale

Question

I want to change the slider of a Gtk scale in a Linux c program to show an image. I'm using a CSS file to set the background image. the image is showing, but the problem is that the slider is too small to show the image completely.

I tried using min-width and min-height in the CSS file, but it does not seem to work.

Here is the CSS that I used. The border-radius and background-image work, but the min-width and min-height do nothing.

.scale .slider{
    min-width: 100px;
    min-height: 150px;
    border-radius: 0px;
    background-image: url("fader.png");
}

Edit: Here is the C code that applies the css style to the gtk elements:

...
GtkCssProvider *provider = gtk_css_provider_new ();
gtk_css_provider_load_from_path (provider, "gtktut01.css", NULL);
GtkStyleContext *context;
context = gtk_widget_get_style_context(GTK_WIDGET(window));
gtk_style_context_add_provider    (context,GTK_STYLE_PROVIDER(provider),GTK_STYLE_PROVIDER_PRIORITY_USER);

context = gtk_widget_get_style_context(GTK_WIDGET(scale));
gtk_style_context_add_provider (context,GTK_STYLE_PROVIDER(provider),GTK_STYLE_PROVIDER_PRIORITY_USER);

gtk_widget_show_all (GTK_WIDGET(window));
gtk_main ();
...

The window and scale are created using glade.

Answer 1

I commented I couldn't change the size of the knob earlier. Well, I just did. If this is not what you're asking please be more specific. Here's what I did:

Here's my fader.png I made in paint:

Here's a MWE for main.c:

#include <gtk/gtk.h>                                                                                

static void activate(GtkApplication *app, gpointer user_data)                                       
{                                                                                                   
    GtkWidget *window;                                                                              
    GtkWidget *box;                                                                                 
    GtkWidget *scale;                                                                               
    GtkStyleContext *context;                                                                       
    GtkCssProvider *provider;                                                                       

    window = gtk_application_window_new(app);                                                       
    gtk_window_set_title(GTK_WINDOW(window), "Window");                                             
    gtk_container_set_border_width(GTK_CONTAINER(window), 10);                                      
    gtk_window_set_default_size(GTK_WINDOW(window), 500, 100);                                      

    box = gtk_box_new(GTK_ORIENTATION_VERTICAL, 10);                                                
    gtk_container_add(GTK_CONTAINER(window), box);                                                  

    scale = gtk_scale_new_with_range(GTK_ORIENTATION_HORIZONTAL, 0, 100, 5);                        
    gtk_container_add(GTK_CONTAINER(box), scale);                                                   

    provider = gtk_css_provider_new();                                                              
    gtk_css_provider_load_from_path(provider, "mystyle.css", NULL);                                 

    context = gtk_widget_get_style_context(GTK_WIDGET(window));                                     
    gtk_style_context_add_provider(context, GTK_STYLE_PROVIDER(provider), GTK_STYLE_PROVIDER_PRIORITY_USER);

    context = gtk_widget_get_style_context(GTK_WIDGET(scale));                                      
    gtk_style_context_add_provider(context, GTK_STYLE_PROVIDER(provider), GTK_STYLE_PROVIDER_PRIORITY_USER);

    gtk_widget_show_all(window);                                                                    
}                                                                                                   

int main(int argc, char **argv)                                                                     
{                                                                                                   
    GtkApplication *app;                                                                            
    int status;                                                                                     

    app = gtk_application_new("org.gtk.example", G_APPLICATION_FLAGS_NONE);                         
    g_signal_connect(app, "activate", G_CALLBACK(activate), NULL);                                  
    status = g_application_run(G_APPLICATION(app), argc, argv);                                     
    g_object_unref(app);                                                                            

    return status;                                                                                  
}             

And here's mystyle.css:

scale slider {                                                                                      
    background-image: -gtk-scaled(url("fader.png"));                                                
    background-size: 100px 100px;                                                                   
    min-width: 100px;                                                                               
    min-height: 100px;                                                                              
}