> ## Content Index
> Fetch the complete content index at: https://gothru.co/docs/llms.txt
> Use this file to discover other available public pages before exploring further.

# How to Change the Font Style of Hotspot Popup Content
- URL: https://gothru.co/docs/how-to-change-the-font-style-of-hotspot-popup-content/
- Published: 2021-01-26T15:46:54.000Z
- Updated: 2021-02-01T11:00:05.000Z
- Description: In this tutorial, you will learn how how to change the font of hotspot popup content in the hotspot plugin. Please follow the following steps.
- Author: Syafriko Yuliusman
- Tags: Hotspot

In this tutorial, you will learn how to change the font of hotspot popup content in the hotspot plugin. Please follow the following steps.

1\. Go to **Hotspot Settings** **( Plugin Manager > Hotspot )** or via **Active Plugin** (**Active Plugins > Hotspot)**.

2\. Navigate to the content type section under the hotspot settings.

![](https://lh4.googleusercontent.com/qw5-SgxAiXbiSHNxX_s05FH-EivqCm5fu0NPSflKu_njPLFV1_8oSYKTLsz42cBGukYad6s0dBBlJTW7qcC3nk0cZXFkq3Idu28CPDx36TgZ0PBFVM-uTfB9U7tbjlHoZme4eJxc)

3\. In order to change the font style in the popup, you can click on the **Title** and **Text** field to open the font settings.

![](https://lh5.googleusercontent.com/DGVYuGhc-TxhnkP0CnHL-68UsNGFJEMzJ9xM3TZaelCdSyNTYi_736LQhIFfGlA_dAnB6dDhgti29hlnNlFCU3xvL2czhBBcE8kNXgBAzcag416Do617HMbh5Uw37P2P3-X44Z2z)

4\. The font settings appear at the top bar where you can access the font style, alignment, size, and others.

![](https://lh5.googleusercontent.com/E8lDzKCnbob1IK9ptgzR1zbny6Q3drAUjkEbsPYWR82X3CbdONqJBUWDCW3C2McQJnWoDCwzpCJQ1UhAjy-thuiZuwpvRS7e0e2mvsonNKw8Ul3xUtGXBvabqSF1QUlmmF3H-4q2)

5\. In the top bar, choose a font style from the font drop-down menu.

![](https://lh5.googleusercontent.com/NBhZ3OxNFqRXCMyPDERQq8fPIPetiBfwkuxM_fqn7TJKKa6ZuHoBe1xcA-BL_VkCxjUPDg1RzzyBswaYxlGclmNmgTfb7CPHtJ3ATG8Kgk1ARtLkX8krHvbnrNC48X-PDbzhYz22)

6\. To change the size of the font, click on the font size box then enter or select a new value for the font size as shown in the example below.

![](https://lh5.googleusercontent.com/3xsTU06VBCbVQltQQKR6xi5lDt5miIGKFrU21nxPFA3Lb6jnV57NqPbcM6MgGBOMHOhw2K93mn3RlbZQoxGPB-ZqoL75hwhFBr0taeITYPAyduZWnD6_Nb5aXJam8Bp7mkbitoiu)

7\. You can also apply a bold, italic style, or underline. Click the Bold, Italic, and Underline buttons.

![](https://lh6.googleusercontent.com/GPTgqBqW1kGGvBgfVoKc4bhRVOgD-H2p1-snQs2OAFxUDfGnITXnm31Ck0hCTw_LwrGpME_bNqKZ2rOBepF9eIsgLG84UeaPwdz6GcRrINSG2QuBlqm7dtStX4DNrFbMRpJk77_1)

8\. Next to the Underline button there is also Font line height to adjust the vertical distance between lines of text like the following example.

![](https://lh6.googleusercontent.com/t64iqEKtOwNr0UnXGAB_W6DTQe1Vg0FSnJBR-UReUlAe62JCeYr_jRggWrU5b5pWyQsgfTZeBGLSI21Cp_qFt_prOpTSttBmwHQH-x4zxe_AtfcttMOeB48i3dqGW7v6qSBQGWq2)

9\. Text alignment also available on the top bar to align text left or right, center text, or justify.

![](https://lh4.googleusercontent.com/fstl5SZS4P_-atM3H3148QJofC1NcyTXNSHLsIzuN8r_jF9qHNpmOwBs5puHrfdBKGHhFM1dtXe_UKkPSnAhAFWsIAtvCAwBudre8iq_Fr1SkXxbpIGYHM4NnS4UQHrnrdRZBFSs)

10\. Lastly, you can change the text color after you enter text and it also allows you to apply a gradient color to text in the menu.

![](https://lh4.googleusercontent.com/WQ4-BNOluKsOC1DcxJvIPxwl1syA0fM2nawgsTy-MvXAysuO78nM6a72akf_Ei3f5zmbVPVclxNAYnmd3aL_q602Lkc_65cFcowQNNWQebphk4YbVe6zW11R3RZ44w70jQ_47AsO)