How to use site.css

Radzen Blazor for Visual Studio
1

Hi
I have to print a document from my application and my knowledge of Radzen css is too low. I would like to use plain css.
When I use RadzenHtml then I can style each element on my page
"p class="subject" style="font-size: 30px;"Aftalenummer"/p"
The font size of Aftalenummer is changed.

But none of my classes in the site.css are activated. My classes look like
p.object {
font-size: 30 px;
}
"p class="object""110-1"/p"
The font-size of 110-1 is not changed.

Both elements are within "RadzenHtml"-tags

Best regards
Kurt

2

Hi @KurtOlsen,

We are not sure we understand your question. Please provide a runnable demo of your problem. Check the FAQ for tips how to post code in the forum.

3

Hi Korchev
The top of the code in my page is as followed:

@layout BlankLayout
@page "/p-a2"

<PageTitle>Print kørselsaftale</PageTitle>
<RadzenHtml>
<div class="header">
    <p class="title">Kørselsaftale<br/>Dublering og ekstrakørsel</p>
</div>
<div class="logo" style="position: absolute; top: 0px; right: 0;">
    <img src="images/sydtrafik_logo_2015_uden_payoff_CMYK DIGITAL.png" width="340" />
</div>
<div class="agreement" style="position: relative; top: 20px; right: 0;">
    <p class="subject" style="font-size: 30px;">Aftalenummer</p>
    <p class="object">110-1</p>
    <p class="subject">Køreplan</p>
    <p class="object">110</p>
    <p class="subject">Vognmand</p>
    <p class="object">UMove</p>
    <p class="subject">Dato for aftale</p>
    <p class="object">19-03-2024</p>
    <p class="subject">Finansiering</p>
    <p class="object">Region Syddanmark</p>
</div>

My css-declarations in site.css are

div.header {
    position: absolute;
    top: 0px;
    left: 0;
}

div.logo {
    position: absolute;
    top: 0px;
    right: 0;
}

p.object {
    font-size: 30px;
}

I have found the RadzenHtml in an article in the forum.

4

Have you added your site.css in _Host.cshtml?

<link href="css/site.css" rel="stylesheet" />
5

You shouldn't use RadzenHtml at all in this case as it doesn't do anything. I suggest removing it.

6

No. Where do I the file?

7

Look for _Host.cshtml and add the line with the correct path to your site.css.

8

The issue is solved and I'm sorry to say that the problem was the chache. My focus was all on my new tool and the old machine. I will remember to clear the chache often.