Xfce Forum

miguelb06_

Member

Registered: 2022-01-21

Posts: 1

How to make top panel item backgrounds transparent?

i have an image set as my top panel background and the items in it have black backgrounds on them. How would i go about doing that (im going for a macOS-ish kinda look)

https://i.redd.it/rq5m042dp1d81.png

Last edited by miguelb06_ (2022-01-21 14:39:20)

KBar

Moderator

Registered: 2021-11-05

Posts: 689

Re: How to make top panel item backgrounds transparent?

You have two options:

1. It's easier to just set that panel transparent by bringing the opacity slider all the way to 0.
   

2. Set transparent background for individual items. The following code should be appended to $HOME/.config/gtk-3.0/gtk.css. If the file doesn't exist yet, just create it.

#clock-button, 
#xfce4-notification-plugin, 
#pulseaudio-button, 
#sn-button, 
#actions-button {
  background-image: transparent;
}

The above assumes xfce4-panel version 4.14.

Last edited by KBar (2022-01-21 16:09:24)

---

Remember to edit the subject of your topic to include the [SOLVED] tag once you're satisfied with the answers or have found a solution (in which case, don't forget to share it as well), so that other members of the community can quickly refer to it and save their time. Pretty please!