Hi all!
It was suggested to me that other people might find this useful, so I'm posting it here. I noticed in the past that the user info pop-ups (the ones that appear when you hover over a username) have messed up styling on pet profile pages, when compared to their styling on other parts of the site. This may be a small annoyance for some, but it has always bothered me personally. Since I like messing with code as a means of learning, I decided to fix it! I've found that the following bit of code has worked for me on Chrome, Firefox, and MS Edge.
<style>
.eight.wide.column h3 {
font-size: 1.75rem;
margin-bottom: 0.5rem !important;
margin-top: 0rem !important;
font-family: inherit;
font-weight: 500;
line-height: 1;
color: inherit;
}
.eight.wide.column p {
margin-top: 0 !important;
margin-bottom: 1rem !important;
}
</style>
You may have to hover over the username twice before it will show correctly, but that's actually just a subeta thing and not a product of the code itself. I'm also not a super skilled coder or anything, so your mileage may vary, as I didn't test this on different resolutions and displays, but I hope others find it helpful! :)
⨯ They/Them 🌿
Cw Thread [sup]🌿[/sup] Cw Shop [sup]🌿[/sup] Ping Group
☆ Large HA Templates Download || ▷ Includes B1-10, B18-21 ◁