Conflict with Style Sheets Mixing

Hello.
We are developing a Client-Side Blazor Site, and we use our own css styles and Bootstrap.
We included Radzen Blazor controls and we find out that the styles of the package ( default.css etc) overrides our own styles and/or Bootstrap styles. Is there any way to avoid this conflict?
We find a workaround detecting (i.e. for dropdown control) the classes involved inside default.css and copying that classes to our own .css and stop including default.css in the index.html, and it works, but we think this is not the way to go.
Thank you!

1 Like

Indeed at the moment the Radzen themes include Bootstrap CSS. There is no workaround for the time being.

1 Like

Just released a new version of Radzen.Blazor (2.5.0) that includes a trimmed-down version of the CSS files - it doesn't include Bootstrap. Here is how to use it:

<link rel="stylesheet" href="_content/Radzen.Blazor/css/default-base.css">

There is a -base version of all themes.

2 Likes

First of all, thank you for your incredibly fast response!
We improved a lot with this version.
The only thing we had to do is to override some classes like this:

p{
line-height: initial;
}

.card p{
margin-bottom: 1rem;
}
.card {
padding: unset;
}

ItΒ΄s possible we do something like that with other minor conflicts (h1, h2, scroll bar etc.).
Do you think we are doing ok, or may be this will bring us trouble in future versions?

Yo do really an excelent job, thank you again.