Hi Hansen,

Some customization options are available directly within Amelia’s settings. However, for more advanced changes—such as modifying fonts, button styles, and their behavior—custom CSS is required.

At the moment, Amelia does not offer built-in options for these types of customizations, though this may be added in future updates. Until then, using CSS is the only workaround. That said, we strongly recommend consulting with us before applying any CSS changes, as incorrect modifications can affect functionality.

Amelia does provide its own font selection and supports importing custom fonts, but it doesn’t inherit fonts, buttons, or other styling from your theme by default.

Hello,

Apologies for the delayed answer. I would need to double check with developers regarding this specific question. I will get back to you as soon as i have a feedback.

I appreciate your patience. 

Hello,

Please accept our apologies for the prolonged reply. 

Thank you for your suggestion — we appreciate your input and will definitely take it into consideration. In the meantime, we’d like to point out a few challenges with the proposed approach:

• Using WordPress CSS variables can create issues, particularly because these variables are not available within the admin panel. Since we need support for styling in that area, this limits our ability to rely solely on them — especially for consistent display within the Customize page.

• Our design includes more than just the sidebar and main section. Elements such as tabs, cards, input fields, dropdowns, checkboxes, and more — all have specific styling states (like focus and hover) and color variations. Because of this complexity, a few global WordPress color settings are not enough. That’s why we’ve provided a dedicated Customize Page, allowing users to tailor the appearance to their preferences.

• Color updates on the customization page are managed using JavaScript, particularly for dynamic UI elements like discounts and tax indicators. This allows us to modify colors on the fly based on user input.

• Font integration from WordPress themes requires a standardized implementation (using JS and PHP hooks) for us to fully support it. Until that becomes consistent across themes, users will need to select from the fonts we offer, or upload a custom font via a provided path — a feature already available in Customize Amelia Design 2.0.

• Inheriting font sizes from themes can negatively affect responsive behavior. Since many users are particular about mobile design, inconsistent inheritance may lead to visual issues — especially on smaller screens.

The reason the icons aren't displaying is that we've created a custom font specifically for our icons. However, your custom CSS is overriding our styles — particularly due to the use of !important — which also overrides the font used for rendering these icons. As a result, the icons fail to appear correctly.

I hope it helps.