Assistance Required for Custom CSS Modifications in Edura Theme

I am using the Edura theme from ThemeForest for my online education platform, and I’ve been trying to implement several custom CSS modifications to tailor the site to my specific needs. However, I’ve encountered some difficulties where my CSS changes do not seem to be taking effect.

One of the issues is with LearnPress plugin integration, where I’m trying to change the border color of the .learn-press-message.error class. Despite using !important in my theme’s custom CSS, the changes are not reflected on the site.

I anticipate needing to make additional CSS adjustments as I continue to customize my site. Could you please advise on the recommended method for implementing custom CSS within the Edura theme? Is there a particular file or setting within the theme that is designed for these overrides?

Here are the details of my current issue for reference:

• CSS Code Attempted:

cssCopy code

.learn-press-message.error { border-color: #0d6efd !important; }

• Expected Result: The border color of error messages changes to #0d6efd.
• Actual Result: The default style remains unchanged.

Additionally, if there are any theme-specific considerations or common issues related to CSS overrides that I should be aware of, I would greatly appreciate any guidance you can provide.

Thank you for your time and assistance. I look forward to your response and any insights you can offer to help resolve these styling challenges.

The page I need help with: [log in to see the link]