HelloMe Logout Button Incorrect Styling

toddjharrison73

Hi All,

For some reason, the logout button on the HelloMe module is ridiculously huge. 🙂

Not really sure why, and I have failed to identify and fix the offending CSS. Could I get a hand please to identify the correct CSS styling for the button?

Thank you!

saguaros

toddjharrison73 Hi

I added this custom css code to fix the issue:

.joms-button--hellome.logout {
    padding: 8px !important;
}

but it seems that there is cache settings on your server side, pls clear caches there.

toddjharrison73

Thank you Saguaros!

The button is behaving now. Really appreciate your help.

Re caching, my host turned this on by default, where in the past it was a service customers had to activate manually. Thanks for the heads up! I'll keep global caching off now until I'm a bit further along with the site tweaks.

Thanks again for your most excellent help.

toddjharrison73

Hi again,

I've just noticed that the hover state of the logout button has a transparent background with a white icon.

I've tried:
a.joms-button--hellome.logout:hover { background: #F97316 !important; }

But it doesn't seem to be making a difference. Not sure if this is caching again or if my CSS is borked?

saguaros

toddjharrison73 Hi

I don't see that transparent background when hovering that logout button now, did you get it solved?

toddjharrison73

Ahhh yeah, it seems to have finally taken. 🙂

Thank you! You can mark this one resolved. Yay!