ferdium-app icon indicating copy to clipboard operation
ferdium-app copied to clipboard

CSS Whatsapp

Open lawyer88 opened this issue 2 months ago • 1 comments

Avoid duplicates

  • [x] I agree to follow the Code of Conduct that this project adheres to.
  • [x] I have searched the issues tracker for a bug report similar to mine, in vain

Ferdium Version

7.1.1

What Operating System are you using?

Windows

Operating System Version

Windows 10 Pro 22H2 19045.5854

What arch are you using?

x64

Last Known Working Ferdium version

7.1.1

Expected Behavior

Hello everybody! Tell me-how to make a "compact" view of whatsapp in ferdium? Previously, my css looked like this:

/* Уменьшаем ширину панели чатов WA*/
_aigw _as6h x9f619 x1n2onr6 x5yr21d x17dzmu4 x1i1dayz x2ipvbc xjdofhw x78zum5 xdt5ytf x12xzxwr x1plvlek xryxfnj x14bqcqg x18dvir5 xxljpkc xwfak60 x18pi947 {
width: 300px !important; /* Установите желаемую ширину, например, 250px */
max-width: 300px !important;
}

/* Уменьшаем ширину панели чатов WAB*/
_aigw _as6h x9f619 x1n2onr6 x5yr21d x17dzmu4 x1i1dayz x2ipvbc xjdofhw x78zum5 xdt5ytf x12xzxwr x1plvlek xryxfnj x14bqcqg x18dvir5 xxljpkc xwfak60 x18pi947 {
width: 300px !important; /* Установите желаемую ширину, например, 250px */
max-width: 300px !important;
}
x1ky8ojb x78zum5 x1q0g3np x1a02dak x2lah0s x3pnbk8 xfex06f xeuugli x2lwn1j x1nn3v0j x1ykpatu x106a9eq x2vl965{
display: none !important;
}

But 2 days ago everything went wrong and now css is not applied, everything is displayed "by default" :( Please help me how to fix this?

Actual Behavior

The custom style doesn't work

Steps to reproduce

Creating user. css with the code described above

Debug link

https://debug.ferdium.org/a9f9de69-c30f-411a-b1fa-7b40f916c3b6

Screenshots

No response

Additional information

No response

lawyer88 avatar Oct 14 '25 21:10 lawyer88

Some of the class names have been changed on the whatsapp side. I'm sure what you are trying to hide, but taking a guess, I assume it is the toggles on the type of messages to display, and now the last bit of your CSS should be something like:

x1280gxy x78zum5 x1q0g3np x1a02dak x2lah0s x3pnbk8 xfex06f xeuugli x2lwn1j x1nn3v0j x1ykpatu x106a9eq x2vl965 {
display: none !important;
}

The best way to figure things out, is to open the Service Developer Tools and then search for part of the old class name (best is starting from the end), and check with the visual aid what this applies to and what the actual new name of the class is in the html code.

Alphrag avatar Oct 18 '25 22:10 Alphrag