Skip to main content
All CollectionsUser guides and instructions
Applying site fonts to texts in widgets
Applying site fonts to texts in widgets

To align your widget style with the style of your site, you can apply the font used on your website to the titles and texts in your widgets.

V
Written by Vitalii Shumilov
Updated over a week ago

To replace the font of the texts and titles in your widget with the site font family:

  1. Go to Widgets in the left-hand side menu and select the widget.

  2. Select Appearance and click Edit.

  3. Select the text containing component and click the Font family menu in the Style tab.


    NOTE

    The font family applies only to the style selected in the Text style dropdown menu.


  4. In the Font window, select -Website text font (1) and click Website font settings (2) at the top.

  5. Expand the dropdown menu in one or both following sections and select Specify font-family:

    - Title font: If you want to specify the font family for the widget title.

    - Text font: If you want to specify the font family for the widget texts.

  6. Go to your website and select the text which font family you want to apply.

  7. Right-click the selected text and select Inspect from the dropdown menu.

  8. In the Developer tools window, select the Styles tab and enter font-family in the Filter box.

  9. Right-click the non-striken font family and select Copy value from the dropdown menu.

  10. Go back to the edited widget in the Claspo account and paste the copied value into one or both of the following fields:

    - Title font

    - Text font

    The pasted fonts apply to the selected texts.


    NOTE

    The pasted value applies to all texts in the widget with the selected Website text font option.


Did this answer your question?