Support

Home Forums Event Espresso Premium !important declarations in your default CSS

!important declarations in your default CSS

Posted: June 26, 2024 at 12:52 am

Viewing 5 reply threads


diginomic

June 26, 2024 at 12:52 am

In this file:
event-espresso-core-reg/core/templates/global_assets/css/espresso_default.css?ver=5.0.20.p

On Lines 1258 to 1273 you are using !important in your CSS making is harder than it should be to change the look of the iCal link. Why does your core css have !important declarations?

Can it please be fixed?


Sam

  • Support Staff

June 26, 2024 at 1:51 am

Hi Riaz,

Thank you for pointing this out to us.

The Important in CSS is used to avoid conflict with any other iCal code that is similar to it.

However, you can adjust the same as per your requirement with Additional CSS codes.

Ex: the code in the EE CSS file is “.ee-ical-sbmt” You can override the CSS by using a like this “#parentis/.parentclass .ee-ical-sbmt”.

Hope that helps.


diginomic

June 26, 2024 at 3:16 am

Hey Sam, you guys already have a unique class with .ee-ical-smbt which should be how you avoid conflict. I have to now use !important also and make sure to hyper target in order to override rather than just letting CSS cascade.


Sam

  • Support Staff

June 26, 2024 at 4:27 am

I’ll add a note to our developers so it will be removed in upcoming updates if possible.

Thanks for the report.


diginomic

June 27, 2024 at 7:12 pm

Super, thanks for the quick reply Sam. Have a good one.


Rio

  • Support Staff

June 27, 2024 at 8:08 pm

Awesome. If you need anything, feel free to reach us again.

Thanks

Viewing 5 reply threads

The support post ‘!important declarations in your default CSS’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso