Custom Fonts

It’s easy to use custom fonts with Lifeshine, you could upload any font to your site through theme’s Custom Font system. Step 1. Prepare font files for upload. Your fonts files should be in one of these formats: To provide the best range of browser support, its best to include as many font formats as possible. You want…

Adobe Fonts

Add Adobe Fonts 1. Create a web project on Adobe Fonts website, and get the Project ID. 2. Go to Lifeshine > Fonts page and enter the Project ID in Adobe Fonts box and click Sync Project. 3. Go to one of the typography settings and check if Adobe Fonts shows up in the font dropdown list. If your project is synced successfully,…

Translating the theme

There are several ways to translate the theme. The easiest way is to use plugins such as Loco translate or WPML, since everything can be done within the WordPress dashboard, there’s no need to deal with renaming the files and file uploads. Using Poedit software is the other way to do that, but it’ll take several more steps compared to…

Translating with Loco Translate

Now we’ll explain another method of the translation process using the Loco Translate plugin. This plugin is free and an excellent tool for translation management. Install Loco Translate Plugin Translating The Theme Strings In the translation editor page, search for a string you want to translate and type its translation in your language under the…

Font Settings

Navigate to Appearance > Customize > General > Typography to access the typography options. In this section you can customize the font properties for use across your website. You can choose from over 800 Google fonts and they are all open-source and 100% free for commercial use.

Menus

To setup theme menus, go to Appearance > Menus page. Theme Menus To customize Menu Appearance, go to Customize > Header > Nav Menu for desktop and Customize > Header > Mobile Nav for mobile. Menu Item Options Click on the Menu Options button from the expanded Menu Item to open the Menu Options. Mega Menu Options…

Header

Navigate to Customize > Header > General to access the header options. Header Layouts Header Width Transparent Header Navigate to Customize > Header > Transparent Header to access the header options. Enabling the transparent header in the Customizer makes the header transparent globally on all pages. However, this can be overridden from the post/page edit page (Page Settings >…

Navbar

Navigate to Customize > Header > Navbar to access the navbar options. Sticky Navbar Navigate to Customize > Header > Sticky Navbar to access sticky navbar options. Sticky Mode Sticky On Sticky feature can be switched on/off separately based on screen width. Logo & Mobile Logo Logos set in this section are optional, default logo will be used if…

Logo & Favicon

Navigate to Customize > Header > Site Identity to access logo & favicon options. Logo For optimal appearance on both standard and retina displays, it’s recommended to upload a logo image that’s twice of the normal size. However, if your logo is in SVG format, you can use the normal size. Mobile Logo A mobile logo can…