Documentation Yolo

Customize & Setting Yolo

Site Identity

customizing Site Identity:

- Site Title

- Tagline

- Site Icon: The Site Icon is used as a browser and app icon for your site. Icons must be square, and at least 512 pixels wide and tall.


Displays the current menu, add new menu, edit menu and select main menu:


Displays the current widget, add widget, edit widget:

+ Note:

- Your theme has 2 other widget areas, but this particular page doesn’t display them.

- You can navigate to other pages on your site while using the Customizer to view and edit the widgets displayed on those pages.

Homepage Settings

+ Note:

- You can choose what’s displayed on the homepage of your site. It can be posts in reverse chronological order (classic blog), or a fixed/static page. To set a static homepage, you first need to create two Pages. One will become the homepage, and the other will be where your posts are displayed.

Your homepage displays: Your latest posts + A static page


Customizing Logo

+ Select the logo type:

- Text:

-- Setting Title:

-- Setting Subtitle:

- Images:

+ Website Width: Select your website's width
+ Website Background:

- Select the website background color

- Select the patern overlay: Predefined images + Custom image

Scroll to Top Button: Enable scroll to top?


- Header Type: Select the prefered header type

- Custom Position Logo & Menu

- Position Logo, Menu & Sidebar: Add logo(position) & menu(position) you want display

- Transform Header Mobi: Select the website width transform header mobi in px

- Header Padding: Top + Bottom

- Background Color: Select header background color

- Dropdown Bg Color: Select the dropdown background color

- Menu Position: Select the menu position

- Header Full Content: Make the header full content?

- Absolute Header: Make the header position absolute?

- Sticky Header: Make the header sticky?

- Image Logo Sticky: Upload logo image

- Header Sticky Padding: Top + bottom

- Background Color: Select the header's top bar background color and Select the header background opacity

- Menu Item Color: Select the menu items color (level 1) and Select the menu items color hover (level 1)

- Header Top Bar: Enable the header top bar? and Select the header's top bar background color

- Sidebar List:

- Add sidebar you want display: left + right header top bar


- Custom Footer: Use custom footer layout?

- Footer Widgets: Show footer widgets?

- Copyright: Please enter the copyright text

- Position: Select the copyright position

- Spacing: top + bottom

- Background Color: Select the copyright background color

Title Bar

- Title bar Spacing: top + bottom

- Title Bar Image Background

Upload a title bar image, Select the background color, Select the horizontal background position, Select the vertical background position and Select the background size.

- Parallax Effect: Create a parallax effect on scroll? and Select the parallax speed.

- Overlay Color: Enable image overlay color?

- Content Align: Select the content align

- Overlay Color: Enable image overlay color?

- Content Align: Select the content align

- Title: Change the style / typography of the title -> Styling

- Description: Change the style / typography of the description -> Styling

- Breadcrumbs Typography: Change the style / typography of the breadcrumbs -> Styling

Notification Center

- Notification Style

- Notification Search Settings

- Notification Recent Post Settings

- Notification Login Settings

- Notification Cart Settings


- Blog Style: Select the blog display style

- Number Post In Row: Please enter number post in row (default: 2 posts in a row)

- Blog Titles: Choose the blog titles size, H1 being the largest

- Pagination Type: Select the blog pagination type

Single Posts

- Author Box: Show author box?

- Post Navigation: Show post navigation?

- Related Articles: Show related articles? + Select the related articles type


Portfolio Listing

- Portfolio Style: Select the portfolio display style

- Number Portfolio per page: Please enter number portfolio per page

- Number Portfolio In Row: Please enter number portfolio in row (default: 3 portfolio in a row)

- Filter: Show filter by taxonomy?

Single Portfolio

- Comment: Show comment?


- Product In Row: Enter number products in a row


- Color Palette

- Links Color: normal state and hover state

- Buttons Color: normal state and hover state


- Body Text

- Buttons

- Extra Typography: Add your typography from google/font

- H1-H6 Tag: h1-h2–h3–h4–h5–h6

- Header

- Footer


- Store Notice

- Product Catalog

- Product Images

Link video tutorial setting mobile menu

Link Video

+ Video tutorial Setting mobile menu

Setting mobile menu Yolo