GTK+ CSS for one button

Question

How to set color for one button in GTK+

GtkButton button8 { 
border-radius: 20;
border-width: 1 1 1 1;
font: Sans 16;
color: black;
background-image: -gtk-gradient (linear,
             left top,
             left bottom,
             color-stop(0.0,rgba(34,97,170,1)),
             color-stop(0.50,rgba(56,145,218,1)),
             color-stop(0.51,rgba(34,131,216,1)),
             color-stop(1.00,rgba(134,191,234,1)));
}

This css changes the color of al buttons in glade file.How should i change the css so that it affects only one button?

drahnr · Accepted Answer · 2014-02-26 08:40:00Z

6

gtk_widget_set_name (widget, "fooname"); or do the same in glade:

mark of are to set the image name

then use something like

GtkButton#fooname {
     border-radius: 20;
     ...
}

See https://developer.gnome.org/gtk3/stable/GtkCssProvider.html

edited Feb 26, 2014 at 8:40

answered Feb 25, 2014 at 13:10

drahnr

6,9225 gold badges52 silver badges76 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

ganeshredcobra Over a year ago

is fooname the Label name

ganeshredcobra Over a year ago

In glade version 3.14.2 Widget name attribute is missing Which version are you using?

drahnr Over a year ago

# glade --version glade 3.16.1

marcio Over a year ago

Where do you put the CSS?

Collectives™ on Stack Overflow

GTK+ CSS for one button

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related