Open Closed

Customization of LiptonX theme #5283


User avatar
0
apxsl created

Hello,

We are doing UI customization of LiptonX theme in our blazer server project. We need to override some of the styles in layout-bundle.css. How do we add our custom.css file to the project?

We can't override with global-styles files because it is linked before the layout-bundle.css.

Regards, Wasantha.

Markdown supported.
Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

1 Answer(s)
  • User Avatar
    0
    liangshiwei created
    Fullstack Developer

    Hi,

    You can add your custom CSS via this way:

    Configure<AbpBundlingOptions>(options =>
    {
        // Blazor UI
        options.StyleBundles.Configure(
            BlazorLeptonXThemeBundles.Styles.Global,
            bundle =>
            {
                bundle.AddFiles("/mycustom.css");
                //You can remove the following line if you don't use Blazor CSS isolation for components
                bundle.AddFiles("/MyCompanyName.MyProjectName.Blazor.Server.styles.css");
            }
        );
    });
    
    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v10.8.0-preview. Updated on September 16, 2026, 14:50
1
ABP Assistant
🔐 You need to be logged in to use the chatbot. Please log in first.