change text font and centre formatting, of a page on DAWN theme

Store Design

Topic summary

A user seeks help modifying their size guide page on the Dawn theme to match fonts with the rest of the site and center the title.

Solution provided:

  • Navigate to Edit code in the theme editor
  • Locate the base.css file
  • Add custom CSS at the end of the file:
    • Forces table width to 100%
    • Centers the main page title (h1)
    • Applied only on screens 750px and wider

Status: A working solution with CSS code and visual confirmation (screenshot) has been shared. The fix targets the specific page title alignment and table formatting issues.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
1

How do I change the font text to match the rest of my ‘size guide page’, and centre the title font?

Thanks!

url: Size Guide – SIX INCH Footwear

2

Hi Majaa

  • You can try to follow this step
    Step 1: Go to Edit code
    Step 2: Find file base.css and add this code at the end of the file
@media screen and (min-width: 750px) {
.rte table {
    width: 100% !important;
}

h1.main-page-title.page-title.h0 {
    text-align: center !important;
}
}

Result:

LizHoang_0-1737943674305.png
LizHoang_0-1737943674305.png616×507 12.4 KB

Best,
Liz