Problems with waybar under hyprland

barney · 2025-06-16 15:44:59

I have minor problem with waybar. There is lot of space above and below icons on waybar. Here is the image https://imgur.com/a/8gOxNTB
I have experimented with waybar.conf and style.css to correct the problem, without success. I don't know nothing about CSS. Here are my waybar.conf http://0x0.st/86j2.txt
and style.css http://0x0.st/86jf.txt
If there is need for more information's i will provide them. Thanks

jl2 · 2025-06-17 07:05:20

https://www.w3schools.com/Css/

Anyway, do you want to get rid of the margins or make larger icons? I'm guessing the former.

You have a hell of a lot of vertical margins and paddings, I'd guess you just need to remove the right ones?
What happens when you set up the icon size for, lets say, the audio icon? Does the margin/padding get smaller or does the icon "take up" the space?

barney · 2025-06-17 18:56:54

jl2 wrote:

https://www.w3schools.com/Css/

I don't have time to read all about CSS. Thanks for the link.

Anyway, do you want to get rid of the margins or make larger icons? I'm guessing the former.

I want to get rid of the margins.

You have a hell of a lot of vertical margins and paddings, I'd guess you just need to remove the right ones?

I don't have vertical margins or paddings. At least I cannot see one.

What happens when you set up the icon size for, lets say, the audio icon? Does the margin/padding get smaller or does the icon "take up" the space?

If I change icon size from 10 to 13 nothing happens. Now I remember that there was a problem with the font for icons, they were too small. I have read the solution on Gentoo forums, but now I cannot remember what was the solution. Maybe that is the problem.

jl2 · 2025-06-18 04:48:18

I don't have time to read all about CSS. Thanks for the link.

Well, ricing your desktop is a time-consuming process that requires learning new configuration syntax. It's up to you if you want to do a trial-and-error approach or actually know what you are doing (In the case of CSS I think both are OK, it's not all that hard).

I don't have vertical margins or paddings. At least I cannot see one.

https://www.w3schools.com/cssref/pr_margin.php
("If the margin has 4 values ...")
Same goes for padding.

Maybe that is the problem.

Nah, probably not, was poking around a little.. You don't want to them anyway, by the looks of it.

barney · 2025-06-22 14:47:41

jl2 wrote:

Well, ricing your desktop is a time-consuming process that requires learning new configuration syntax. It's up to you if you want to do a trial-and-error approach or actually know what you are doing (In the case of CSS I think both are OK, it's not all that hard).

At this time I am learning other stuff (I must). When I will have more time I will read about CSS

https://www.w3schools.com/cssref/pr_margin.php
("If the margin has 4 values ...")
Same goes for padding.

I Have read about margins, and double checked my style.css, there is nothing suspicious.

Nah, probably not, was poking around a little.. You don't want to them anyway, by the looks of it.

Probably not, but in that moment I have remembered that I had problems with icons ...

barney · 2025-06-24 01:35:43

The solution for me was to set the margin value to -1. The beginning of the style.css is:

* {
    /* `otf-font-awesome` is required to be installed for icon\
s */
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 10px;
    border: none;
    padding: 0;
    margin: -1;
}

wickedlester · 2025-06-24 03:56:50

In your style.css you have margins and padding set for all modules in this section

 
/*.modules-left {
    padding:7px;
    margin:10 0 5 10;
    border-radius:16px;
}

.modules-center {
    padding:7px;
    margin:10 0 5 10;
    border-radius:16px;
}

.modules-right {
    padding:7px;
    margin:10 0 5 10;
    border-radius:16px;
}*/

and css margin order is top right bottom left so you have top=10 right=0 bottom=5 left=10. Additionally you have padding set at 7px for all modules.

Arch Linux

#1 2025-06-16 15:44:59

Problems with waybar under hyprland

#2 2025-06-17 07:05:20

Re: Problems with waybar under hyprland

#3 2025-06-17 18:56:54

Re: Problems with waybar under hyprland

#4 2025-06-18 04:48:18

Re: Problems with waybar under hyprland

#5 2025-06-22 14:47:41

Re: Problems with waybar under hyprland

#6 2025-06-24 01:35:43

Re: Problems with waybar under hyprland

#7 2025-06-24 03:56:50

Re: Problems with waybar under hyprland

Board footer