Custom.css why it doesn't work? - Forum | JoomShaper
Staff replied Helix Framework

Custom.css why it doesn't work?

Asked by TomaszGrzechnik 1 year ago Last activity 1 year ago

Hi,
I want to add custom class for button addon.

I made custom.css in \templates\helix_ulitimate\css with this simple rules:

.green-button {
box-shadow: 0px 0px 25px 8px rgba(0, 145, 179, 0.3);
transition: box-shadow .4s linear;
}

How to add this rule to all buttons on page when they are hover?

I try on one this code on one button:
.sppb-btn:hover {
box-shadow: 0px 0px 25px 8px rgba(0, 145, 179, 0.3);
transition: box-shadow .4s linear;
}
And this works, but I need to add for all buttons on pages using custom.css

4 replies

Toufiq Senior Staff

Hi there,

Thank you for reaching out, and I apologize for any inconvenience caused by this oversight. To better address the issue, could you kindly provide Joomla administrator access? This will enable me to thoroughly investigate the matter and provide you with a prompt resolution.

I appreciate your cooperation and will ensure to get back to you as soon as possible.

Best regards,

Toufiqur Rahman (Team Lead, Support)

TomaszGrzechnik Asked this

Please see hidden content

Toufiq Senior Staff

Added new class and css code for the hover. Please check now. Thanks

TomaszGrzechnik Asked this

Thank a lot Toufiq!!!
Of course works perfectly :)

One question: The code in page css is not needed because it is in custom.css?

Toufiq Senior Staff

You can remove the page css.

Log in to reply.