Change and font sizes

1 reply · opened Feb 15, 2023

PpotteryguyFeb 15, 2023

Hello, can you tell me the easiest way to increase the sizes of <p> and <h1> . Thank you! Still loving this template after almost three years.

SSemicolon WebSTAFFFeb 16, 2023

Hello,

Thank You so much for the Kind Words! :)

Ideally, we recommend using the Utility Classes: https://getbootstrap.com/docs/5.2/utilities/text/#font-size or https://getbootstrap.com/docs/5.2/content/typography/#display-headings for very large sizes.

If you would like to use CSS, consider using the following reference:
[ch_pre type="css"]h1 { font-size: 36px; }

h2 { font-size: 30px; }

h3 { font-size: 1.5rem; }

h4 { font-size: 18px; }

h5 { font-size: 0.875rem; }

h6 { font-size: 12px; }

body {
font-size: 1rem;
}[/ch_pre]

However, make sure that you add these codes in the css/custom.css File.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard