How do I center the page title on the homepage?

[aldalee]

我想让这部分在页面的中间显示，而不是居左

[imfing]

我想让这部分在页面的中间显示，而不是居左
"I want this part to be displayed in the middle of the page, not aligned to the left."

You may use HTML and CSS. Just wrap those in a div tag: <div style="margin: auto; text-align: center;">

<div style="margin: auto; text-align: center;">

<div class="mt-6 mb-6">
{{< hextra/hero-headline >}}
  Build modern websites&nbsp;<br class="sm:block hidden" />with Markdown and Hugo
{{< /hextra/hero-headline >}}
</div>

<div class="mb-12">
{{< hextra/hero-subtitle >}}
  Fast, batteries-included Hugo theme&nbsp;<br class="sm:block hidden" />for creating beautiful static websites
{{< /hextra/hero-subtitle >}}
</div>

<div class="mb-6">
{{< hextra/hero-button text="Get Started" link="docs" >}}
</div>

</div>

[aldalee]

Thank you very much for your help. I don't quite understand the front-end code, so I would like to ask how to center the copyright information below and reduce the distance between the text, that is, the distance between Powered by Hextra and the horizontal line above, because I want the page below to be compact and have a smaller font. Thank you very much.

[imfing]

Thank you very much for your help. I don't quite understand the front-end code, so I would like to ask how to center the copyright information below and reduce the distance between the text, that is, the distance between Powered by Hextra and the horizontal line above, because I want the page below to be compact and have a smaller font. Thank you very much.

In this case, you need to put similar tag to override the footer template.

https://github.com/imfing/hextra/blob/main/layouts/partials/footer.html

Or override the CSS using the custom CSS feature:

https://imfing.github.io/hextra/docs/advanced/customization/#custom-css

It might not be very easy if you don't know much about HTML and CSS.

I'll keep this in mind and see if I could do something to help make it easier to customize the positions of these builtin elements.