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.

Go to accepted answer
1 Answer(s)
  • User Avatar
    0
    liangshiwei created
    Support Team 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");
        }
    );
});
Assignee
No one
Labels
Non yet
Made with ❤️ on ABP v8.2.0-preview Updated on March 25, 2024, 15:11