Follow these steps:
Within the doxyfile configuration:
HTML_EXTRA_STYLESHEET = custom.css
The styles defined in this custom stylesheet will take precedence over other stylesheets.
Next, create a new file named custom.css.
If you want to adjust the font size, add a style for h1 in custom.css. For example:
h1 { font-size:1.5em; }
To implement numbered headings, utilize CSS counters in your styles. Here is an illustration:
<!doctype html>
<html>
<head>
<style>
body {counter-reset: h2}
h2 {counter-reset: h3}
h3 {counter-reset: h4}
h4 {counter-reset: h5}
h5 {counter-reset: h6}
h2:before {counter-increment: h2; content: counter(h2) ". "}
h3:before {counter-increment: h3; content: counter(h2) "." counter(h3) ". "}
h4:before {counter-increment: h4; content: counter(h2) "." counter(h3) "." counter(h4) ". "}
h5:before {counter-increment: h5; content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". "}
h6:before {counter-increment: h6; content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "
</style>
</head>
<body>
<h1> Example of Using Numbered Headings</h1>
<p>To create numbered headings, CSS counters can be employed. Search for "CSS counters" for more information.</p>
<p>In this case, heading level 2 onwards are used for numbered headings. Heading level 1 should be reserved for the page title.</p>
<h2>Setting Up the Style</h2>
The css properties dictate when to reset and increment the heading level counter.
<h3>Creating the Counter</h3>
<p>A named counter can be created with the counter-reset property. The value of counter-reset is the name of the counter. Refer to "CSS counter-reset" for details.</p>
<h3>Resetting Value Criteria</h3>
<p>Values reset based on the appearance of the tag where the counter-reset property is applied.</p>
<h2>Displaying the Counters</h2>
<p>Counter display involves setting a before selector for heading levels in the style, incorporating counters for preceding levels along with the current level.</p>
<h3>Location of the Demonstration</h3>
<p>Check within this page's style tag.</p>
<h4>Can't Find It?</h4>
<p>View the source code for reference.</p>
</body>
</html>