Hongo includes simple and easy options to customize the design of your site. Most of the theme options will be found here. While using customizer you will be able to preview the changes without publishing it.
Step 1: Go to admin panel > Appearance > Customize > Title Wrapper.
Overview
Title style and data
| Title | You can display / hide Title area by selecting “On/Off” button respectively. |
| Container style | You can select style for container from dropdown. |
| Full width padding | You can add padding for Full width in pixel. |
| Style | You can select the style for title from dropdown. |
| Title Heading | You can display / hide Title only by selecting “On/Off” button respectively. |
| Content height | You can select height for the Content from dropdown. |
| Title text case | You can select text case for Title from dropdown. |
| Subtitle | You can add Subtitle. |
| Subtitle text case | You can select text case for Subtitle from dropdown. |
| Title and subtitle alignment | You can select alignment for Title and Subtitle from dropdown. |
| Enable background image | You can display / hide Background image by selecting “On/Off” button respectively. |
| Background image | You can add Background image by click on “Select image”. |
| Thumbnail size | You can select Thumbnail size for image from dropdown. |
| Parallax effect | You can select Parallax effect from dropdown. |
| Background gallery images | You can add multiple background images by click on “Browse” and select the image. |
| Scroll to down | You can display / hide Scroll to down icon by selecting “On/Off” button respectively. |
| Next section ID | You can add Next section ID with #. |
| Video type | You can select Video type like Self or External by switch the button. |
| MP4 | You can add MP4 URL for video. |
| OGG | You can add OGG URL for video. |
| WEBM | You can add WEBM URL for video. |
| Youtube / Vimeo | You can add Youtube URL / Vimeo URLfor video. |
| Loop | You can display / hide Loop for video by selecting “On/Off” button respectively. |
| Mute | You can display / hide Mute for video by selecting “On/Off” button respectively. |
| Opacity | You can select Opacity from dropdown. |
| Opacity Color | This option will change the color of the Opacity. Click on “Select Color” button under this and select color from color picker. |
| Breadcrumb | You can display / hide Breadcrumb by selecting “On/Off” button respectively. |
| Breadcrumb Heading | You can display / hide page title by selecting “On/Off” button respectively. |
| Breadcrumb position | You can select Breadcrumb position from dropdown. |
| Breadcrumb alignment | You can select Breadcrumb alignment from dropdown. |
| Border | You can display / hide Border by selecting “On/Off” button respectively. |
| Add to space of header height | You can select Add to space of header height (yes/no) from dropdown. |
| After header | You can display title After header by selecting “On/Off” button respectively. |
| Top space | You can add Top space for title in pixel. |
| Bottom space | You can add Bottom space for title in pixel. |
Title font and color
| Title font size | You can add the font size for the title in pixel. |
| Title line height | You can add Line height for the title in pixel. |
| Title letter spacing | You can add Letter spacing for the title in pixel. |
| Title font weight | You can select the font weight from dropdown. |
| Subtitle font size | You can add the font size for the subtitle in pixel. |
| Subtitle line height | You can add Line height for the subtitle in pixel. |
| Subtitle letter spacing | You can add Letter spacing for the subtitle in pixel. |
| Subtitle font weight | You can select the font weight from dropdown. |
| Breadcrumb font size | You can add the font size for the breadcrumb in pixel. |
| Breadcrumb line height | You can add Line height for the breadcrumb in pixel. |
| Breadcrumb letter spacing | You can add Letter spacing for the breadcrumb in pixel. |
| Background color | This option will change the color of the Background. Click on “Select Color” button under this and select color from color picker. |
| Title text color | This option will change the color of the Title text. Click on “Select Color” button under this and select color from color picker. |
| Subtitle text color | This option will change the color of the Subtitle text. Click on “Select Color” button under this and select color from color picker. |
| Subtitle text background color | This option will change the background color of the Subtitle text. Click on “Select Color” button under this and select color from color picker. |
| Breadcrumb background color | This option will change the background color of the Breadcrumb. Click on “Select Color” button under this and select color from color picker. |
| Breadcrumb border color | This option will change the border color of the Breadcrumb. Click on “Select Color” button under this and select color from color picker. |
| Breadcrumb text color | This option will change the color of the Breadcrumb text. Click on “Select Color” button under this and select color from color picker. |
| Breadcrumb text hover color | This option will change the hover color of the Breadcrumb text. Click on “Select Color” button under this and select color from color picker. |
| Border color | This option will change the color of the Border. Click on “Select Color” button under this and select color from color picker. |
| Icon background color | This option will change the color of the Icon background. Click on “Select Color” button under this and select color from color picker. |
| Icon hover background color | This option will change the hover color of the Icon background. Click on “Select Color” button under this and select color from color picker. |
| Icon color | This option will change the color of the Icon. Click on “Select Color” button under this and select color from color picker. |
| Icon hover color | This option will change the hover color of the Icon. Click on “Select Color” button under this and select color from color picker. |