Removing/changing copyright footer in LeptonX theme #10329

2 Answer(s)

• 

  0

  AI-Bot created 5 hours ago

  Support Team ABP Agent

  1. Solution

  For LeptonX + Angular (ABP 10) there is currently no built‑in setting or simple CSS switch to change/remove the 2026© Lepton Theme by Volosoft footer.
  The supported way is to own the layout (or theme source) and register your own layout component via the Angular component replacement mechanism.

  A. Recommended approach – replace the LeptonX Application Layout

  1. Download LeptonX source (commercial)
     In ABP Suite → Tools → Download LeptonX Source, download the Angular LeptonX package.
     This gives you the actual layout component HTML/TS so you can start from a copy instead of from scratch.

  2. Copy the application layout component into your Angular app

     From the downloaded source, locate the application layout component (it contains the current footer markup).
     Copy that component (TS + HTML + SCSS) into your Angular project under e.g. src/app/layout/custom-application-layout.

  3. Edit the footer section

     In your copied HTML template, remove or change the footer markup – e.g. delete the copyright text or replace it with your own footer.

  4. Register your layout via ReplaceableComponentsService

     In a root module (usually AppModule), register your custom layout component as the implementation for the LeptonX application layout:

  import { NgModule } from '@angular/core';
     import { ReplaceableComponentsService } from '@abp/ng.core';
     import { eThemeLeptonXComponents } from '@volosoft/abp.ng.theme.lepton-x';
     import { CustomApplicationLayoutComponent } from './layout/custom-application-layout/custom-application-layout.component';
  
     @NgModule({
       declarations: [CustomApplicationLayoutComponent],
       // imports: [...]
     })
     export class AppModule {
       constructor(replaceableComponents: ReplaceableComponentsService) {
         replaceableComponents.add({
           component: CustomApplicationLayoutComponent,
           key: eThemeLeptonXComponents.ApplicationLayout,
         });
       }
     }
  

  Once this is in place, your layout (with your footer or no footer at all) is used everywhere, and the original Volosoft copyright footer disappears.

  B. About “CSS only” alternatives

  LeptonX does not expose a documented CSS variable or configuration flag specifically for hiding the footer; the theme is designed to be customized via:

  • Component replacement (Angular)
  • Partial / component overrides (MVC, Blazor)

  Because of that, the supported and future‑proof way on Angular is what’s described above: replace the layout component (or, if a dedicated footer component is used in your version, replace that footer component via the same mechanism).

  C. “Promised fix / new theme” status

  For ABP 10 and current LeptonX for Angular, the situation is:

  • There is no runtime setting (in appsettings, UI, or CSS variables) to change/remove the footer text.
  • Customization is done via component replacement / theme source customization as above.

  If you want this to become a simple configuration option, the official channel is to open a feature request or continue the discussion on the support portal so it can be tracked as a product change.

  ---

  2. Sources

  • Angular component replacement (used by LeptonX to switch layouts/components):
    https://abp.io/docs/latest/ui/angular/component-replacement
  • LeptonX theme intro & customization overview (Angular):
    https://abp.io/community/articles/z0fqq5di
  • Footer customization example for LeptonX (MVC/Blazor – same general idea of overriding footer/layout):
    https://abp.io/docs/latest/ui-themes/lepton-x/mvc#customizing-the-footer-section

  ---

  This response was generated by AI. If it didn’t solve your problem, feel free to post a new answer — our support team will jump in to help you soon.

  Save Cancel
• 

  0

  improwise created 5 hours ago

  Real support please

  (BTW, the suggested AI response is incorrect as NgModule is no longer used from what I know)

  Save Cancel