Theme Font Base

In the theme font control:

  • The base setting is not coming in correctly for defaults.
  • Base isn’t showing up correctly in the sidebar for the desktop size.

Bill
Stack-Its

Good catch! The base setting in the docs example was incorrectly using an old font name that’s no longer available. I’ve updated the docs here

I think I understand the issue here. Elements is mobile first, with larger device sizes inheriting from the size below them. The example doesn’t define a default value for desktop, so desktop inherits the md value.

Ok, so could you please show us how to set that for desktop in example, I’m still really shaky on tailwind.

Using doc code, I get this: Font: font-body sm:font-heading md:font-quote which doesn’t match doc output example.

And then the next question will be how to set it for other custom device widths we set :wink:

These are all the supported breakpoint classes: Base (Mobile), SM, MD, LG, XL, and 2XL.

The user can choose what breakpoints to support by toggling these on and off in the Theme Studio.

I think it’d be worth familiarizing yourself with Tailwind as it will help you understand how things should be setup.

1 Like