H1 is not reading

support
1

Hello
I generate my first them than i call Sandbox.
On my themesName/layouts/partials/header.html
i got this line of code

<a href="/" title="home" class="navbar-item">
      <span class="logo">
          <h1>{{ .Site.Title }}</h1>
      </span>
</a>

But my site title is display like a <p>
You can check my code here if you want.

2

It renders with a font-size of 100% and a font-weight of 400 because that’s what “bulma” specifies in its CSS. Change the CSS to do what you want.

I’d suggest not loading arbitrary stuff on your website if you don’t know how that (the stuff) works. Also, jQuery might have been useful (there are strong other opinions) once. Today, there’s not really a reason to include it.

That’s not a Hugo issue.

3

Thanks
I use that because i follow a tutorial.

So i make a file themeNale/static/css/style.css

h1 {
  font-size: 100%;
  font-weight: 400;
}

I link it on themeName/layouts/partials/head.html

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.4/css/bulma.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
    integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="{{"css/style.css" | relURL }}"

But is not working …

4

https://developer.mozilla.org/en-US/docs/Web/CSS/percentage

It is often used to define a size as relative to an element’s parent object.

And the h1 element’s ancestors are…

body > header > nav > div > div.navbar-brand > a:nth-child(1) > span > h1

Do something like this instead:

h1 {
  font-size: 3rem;
  font-weight: 400;
}

If you need help with CSS, please use something like Stack Overflow.

Generally, CSS is off-topic in this forum.