LightDark
0
WHAT IS SO GREAT ABOUT OUR SERVICES?

Optimized usability
Responsive Design
Minimal Design
Dynamic Content
Seriousness and professionalism

I nostri Temi

Copyrights © 2022 All rights reserved
by Franchi Web Design
Ferrara – Italy
info@franchiwebdesign.com
P.IVA 01757400385

green leaves beside white wall

Quick guide to customize Pepe Lite

Hi,
in this guide I will explain how to customize Pepe Lite in a few simple steps.
Let’s begin! 

Customization with import of the Demo

As soon as you have installed and activated Pepe Lite, you will notice a Notification advising you to install two Plugins.
MC4WP: Mailchimp for WordPress it is used to create a banner for the Newsletters in Block 2 by setting a Widget.
One Click Demo Import it is used to install the demos with a simple click.

So the first thing you need to do is to install and activate the Plugins.

Now in the Dashboard in the “Appearance” Menu you have seen an entry “PEPE LITE Import Demo”.
Enter this menu.
Visit the “PepeLiteStarter Demos” demo page, choose the demos you prefer and download it for free.
Now unzip the zip file you just downloaded onto your desktop.
Inside you will find 3 files.
From the “Pepe Import Demo” menu select these 3 files respecting the extensions (.xml,. Wie,. Dat) and press the “Import Demo Data” button.
Wait about 3 minutes (It also depends on the speed of your connection) and you will already have your site equal to the demo you have chosen.

Now you can change the content as you see fit, and customize it as you wish.

Customization without Demo
As soon as you have activated Pepe on your Homepage you will have the latest articles published.

In order in the Customizer
General Option

1 Header -> Blocks -> Block Top


Enable/Disable Box width
Show Login, Show Menu, Show Social
Background Color, Color
Block Logo
Enable/Disable Box width, Margin Top Block (em Unit), Margin Bottom Block (em Unit), Header Background Color
Logo, Font Size Logo (px Unit),
Site Title, Tagline, Display Site Title and Tagline, Font Size Description Title (px Unit, Font Size Description Subtitle (px Unit), Description Color
Show Banner, Choose whether to use a post or a widget.(Recommended widget: Advanced Ads), Select Post for Banner (Only if you have selected Post!), Text Button Banner Only if you have selected Post!, Background Color Banner, Color Banner Only if you have selected Post!, Background Color Button Banner Only if you have selected Post!, Color Button Banner Only if you have selected Post!
Site Icon
Enable/Disable Banner in Responsive
Background color Header in Responsive
Color Header in Responsive
Select image Logo for Mobile
Width Logo (px Unit)
Enable/Disable Description Site in Responsive
Font Size Description Title Responsive (px Unit)
Font Size Description Subtitle Responsive (px Unit)
Block Menu
Enable/Disable Box width
Enable/Disable sticky Menu
Enable/Disable search form Menu
Font Size Menu (px Unit)
Padding Menu (px Unit)
Background Color, Color
Block News
Enable/Disable Box width
Enable/Disable this section
Text News
Select Category News
Show Date and Time
Show Time

Header -> Layout -> Choose the Layout for the Header

Header -> Header Image
Click “Add new image” to upload an image file from your computer
Height Image Header (px Unit)
Object Fit Image Header

2 Body -> Blocks ->Block Slider with Tab


Choose the Layout for the Block Slider with Tab
Margin Top (em Unit), Margin Bottom (em Unit)
Select Category for post Slider, Show Category Slider, Show Author and Date Slider, Enable or disable effect fade Slider, Show Nav Controls Slider, Show dark shading Slider
Show Category Post in Multi-tabs
Title Tab One/Two/Three, Select Category for Tab One/Two/Three
Block One
Choose the Layout for the Block One
Margin Top (em Unit), Margin Bottom (em Unit)
Enable or disable Sidebar in Mobile Devices
Block One Title,Title Style, Background Color Title, Color Title
Show Category, Show Comments, Show Author and Date
Block Four
Image Pepe Four, Height Image (px Unit), Object Fit Image
Margin Top (em Unit), Margin Bottom (em Unit)
Choose whether to show a Widget or text in the Banner
Background Color Banner, Color Banner
Text Banner, Textarea Banner
Text Button Banner, Link Button Banner, Background Color Button Banner, Color Button Banner

Body -> Layout -> Choose the Layout for the Site

3 Footer -> General Settings


Enable Layout Large for Footer
Widget Area
Enable Layout Large for Aree Widget Footer
Show Logo Area Widget Footer
Select image Logo for Footer, Height Logo Widget Area (px Unit)
Background Color Widget Area, Color Widget Area
Footer Info
Background Color, Color

4 Blog -> Post


The page has 2 templates: Default template and Single Large. You can select them in the dashboard in Post Attributes!
Margin Top Sidebar (px Unit)
Show Breadcrumbs, Show Breadcrumbs, Show the categories above the title, Enable or disable meta info Post, Enable or disable update post info
Text Button Comment, Background Color Button Comment, Color Button Comment
Category
Show Breadcrumbs
Category Badge Color
Comments Badge Color ( In Home Page)
Select image for Category
Height Header Category (px Unit), Padding Top Header Category (em Unit), Font Size Title Header Category (px Unit), Font Size Description Header Category (px Unit), Color Text Category
Search Page
Select image for Search Page
Height Header Search Page (px Unit)
Padding Top Header Search Page (em Unit)
Font Size Title Header Search Page (px Unit), Font Size Description Header Search Page (px Unit)
Color Text Header Search Page
Search Page not found
Select image for Search Page not found
Width Image Page not found (px Unit)
Text Button, Background Color Button, Color Button
Pages
The page has 2 templates: Default template and Page no sidebar. You can select them in the dashboard in Page Attributes!
Margin Top Sidebar (px Unit)
Enable or disable sidebar in Mobile Devices
Padding Content (px Unit)
Background color Content Page

5 Other Settings -> Back to Top


Enable or disable Back to Top
Enable or disable Back to Top in Mobile Devices
Social Media
Enable or disable social and insert the links
Widget Style
Choose the Style for Title Widget
Widget Color
One Color Social
Enable or disable title Search
Widget Custom Color
Menu Responsive
Enable or disable Social in menu

Colors
Select predefined skins to use with this theme
Background Color

Background Image
Set a background image for the site

Menus
This theme has 2 menus, you can create menus and set them in their positions!

Widget
This theme has 7 Widget areas, all Widgets have been customized. There are 2 additional widgets

Home Page Settings
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.

Additional CSS
Here you can insert CSS code to modify the theme!

en_GBEnglish