UI.X

Typography

Adding Google Fonts

If you would like to use your own font that is not web safe, we've provided a spot for you to load Google Fonts by entering the font name and character sets. Navigate to Appearance > Styles > XenForo - UI.X > Style Property Groups > [UI.X] Typography. When entering a font, spaces must be substituted with a plus sign and all character sets separated with commas.

Changing your Font Size and Style

Below you can edit your font sizes and choose your font styles for primary, secondary, and tertiary fonts. Enter your font sizes in pixels within Small Font Size, Global Font Size and Large Font Size. Primary Font is mostly legibility, Secondary Font is used for titles and headings, and Tertiary Font is used as an additional secondary (or decorative) font.

Changing your Login Trigger

To adjust your login trigger's appearance, navigate to Appearance > Styles > XenForo - UI.X > Style Property Groups > [UI.X] Header. Choose your preferred location in the Login Trigger Position drop down. Your Login Trigger Style allows you change the appearance of your login trigger when the trigger is activated. Choose your preferred display within the dropdown menu.

Adjusting Viewports for Sticky Elements

Your landscape and portrait viewports allow you to set at what height elements become sticky. You can adjust these values by navigating to Appearance > Styles > XenForo - UI.X > Style Property Groups > [UI.X] Header. When 0 is entered, sticky elements will remain unbound.

Enabling Post Pagination

To enable your Post Pagination, navigate to Appearance > Styles > XenForo - UI.X > Style Property Groups > [UI.X] Header. Your Post Pagination Location is where your page navigation will appear when a thread produces additional pages worth of content.

Adjust this location within the Post Pagination Location within the drop down menu. The offset can be set within the Post Pagination Offset in pixels to make sure all posts stay in line with each other.