Default background in standard-base

Hi,

How I can disabled in standard-base.css file the default background?

image

image

I tried to delete <link rel="stylesheet" href="_content/Radzen.Blazor/css/standard-base.css"> in index.html and I always have the default background.

Thanks in advance to your help!

in MainLayout.razor I added <div class="main" style="background-color: #F8F9FB">
in case I no longer have the default backgraound.

But I run my application for the time I see always default background and change to white background.

How I can disabled the default background?

You can check this thread: Background in the main page - #2 by yordanov

Hi, thanks for your link.

But I've already disabled background in dev.tools and added background : none !important
In this case I've no longer the default background.
so now where I can modify in my application to disable default background.
my application is with blazor wasm and use radzen.blazor as library.

In your application's css file.

I searched the css filed in my application and could not find.

Can I ask you which css file it is?

image

Check the index.html file of your app to see what CSS files it is including.

in index.html

  <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />
    <link href="css/app.css" rel="stylesheet" />
    <link href="AppWebDT.Client.styles.css" rel="stylesheet" />
    <link rel="stylesheet" href="_content/Radzen.Blazor/css/material-base.css">
    <link rel="stylesheet" href="_content/Radzen.Blazor/css/standard-base.css">

I can't access to _content in my app.

But I can only to access at _content/ in dev.tools to disable default background and put background:white

Hi, have you an idea how I can do it?

You can add it to css/app.css:

body {
   background-image: none !important;
}

You have also included two Radzen.Blazor themes which is redundant.

Hi, thanks to your suggestions.

So I've put in app.css

body {
    background-image: none !important;   
}

it's still awful. it is not possible to remove this image.

Try

body {
    background: none !important;   
}

This correct

body {
    background: none !important;   
}
  • I no longer have the beautiful background. :sweat_smile:
1 Like